当前位置: 首页 > news >正文

做网站销售好吗企业网站注册

做网站销售好吗,企业网站注册,传奇霸主页游,你理解的网络营销是什么文章参考 http://www.cnblogs.com/chuncn/archive/2008/10/09/1307321.html http://www.blueidea.com/tech/web/2006/3231.asp 一、单行垂直居中 如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它的实际高度height和所在行的高度l…

文章参考

http://www.cnblogs.com/chuncn/archive/2008/10/09/1307321.html

http://www.blueidea.com/tech/web/2006/3231.asp

 

一、单行垂直居中

如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它的实际高度height和所在行的高度line-height相等即可。

div {   
height:25px;   
line-height:25px;   
overflow:hidden;   
}

 

二、多行未知高度文字的垂直居中

如果一段内容,它的高度是可变的那么我们就是设定Padding,使上下的padding值相同即可。同样的,这也是一种“看起来”的垂直居中方式,它只不过是使文字把<div>完全填充的一种访求而已

.middle-demo-2{
padding-top: 24px;
padding-bottom: 24px;
}

 

优点:

1. 同时支持块级和内联极元素

2. 支持非文本内容

3. 支持所有浏览器

 

三、使用table居中对齐的方式

但是在CSS中还有一个display属性能够模拟<table>,所以我们可以使用这个属性来让<div>模拟<table>就可以使用vertical-align了。注意,display:table和display:table-cell的使用方法,前者必须设置在父元素上,后者必须设置在子元素上,因此我们要为需要定位的文本再增加一个<div>元素

.middle-demo-3{
display: table-cell;
height: 300px;
vertical-align: middle;
}

 

可惜IE不支持这些属性,不过在其他浏览器上显示效果非常完美。

要注意的是:和一个合法的<td>元素必须在<table>里一样,display: table-cell 元素必须作为 display: table 的元素的子孙出现。

 

备注说明:表格是可以左右自动等高的,所以当一侧的内容增多时,两侧都会自动等高

 

例子

<style type="text/css">
.line_height_1{
border: 1px solid red;
width: 500px;
height: 200px;
line-height: 200px;
}
.padding_div{
border: 1px solid blue;
padding : 50px 0px;
width: 200px;
}
.div_table{
display: table;
}
.div_cell{
display: table-cell;
border: 1px solid green;
}
</style>
</head>
<body>
<div class="line_height_1" >
单行内容垂直居中使用line-height 与 height属性的值一致即可
</div>
<p>
<p>
<div class="padding_div">
1、保证div上下padding一致<br>
2、div里面的内容是不确定的,高度会被内容撑开<br>
</div>
<p>
<p>
<div class="div_table">
<div class="div_cell" style="vertical-align: middle">
垂直居中的内容
</div>
<div class="div_cell">
随机的内容<br>
随机的内容<br>
<span style="color: red">IE6 不支持display:table</span><br>
随机的内容<br>
随机的内容<br>
随机的内容<br>
</div>
</div>
</body>

 

 

http://www.hrbkazy.com/news/22651.html

相关文章:

  • 岳阳做网站seo网络营销技术
  • 寄生虫网站排名代做长沙官网seo分析
  • jsp与网站开发期末试题广东东莞最新疫情
  • 百度收录网站方法软文兼职
  • 厦门网站排名优化费用抖音黑科技引流推广神器
  • bootstrap网站案例优化大师免费下载
  • 盈润企业网站管理系统如何进行网站推广
  • 建设银行造价咨询中心网站线上推广网络公司
  • 网站后台怎么修改文字lol今日赛事直播
  • 网站制作的公司搜索引擎营销的实现方法有哪些
  • 一个网站的建设需要哪些流程最近一周新闻热点回顾
  • 徐州手机网站制作刷外链
  • pc网站手机版开发电商还有发展前景吗
  • 为什么WORDPRESS后台很卡网站优化快速排名软件
  • 做网站在哪里可以找到高清壁纸指数分布的分布函数
  • 常见的独立站建站工具有哪些如何注册自己的网站
  • 做同业业务一般关注哪些网站合肥关键词排名工具
  • 深圳网页设计兴田德润实惠兰州seo实战优化
  • 做代理网站用什么软件营销策划与运营
  • Wordpress建站用什么系统贴吧aso优化贴吧
  • 网站制作常见问题 图片版权百度销售平台怎样联系
  • 如何做网页游戏网站百度上海推广优化公司
  • wordpress 白色百度seo软件是做什么的
  • 影视广告片拍摄厂家seo最新快速排名
  • 云南网站设计平台站长之家查询域名
  • 共享办公wework西安做推广优化的公司
  • 做婚礼邀请函网站qq群引流推广平台免费
  • 潍坊网站建设制作搜索引擎google
  • 个人电脑做网站关键词排名怎么做上首页
  • 免费网站空间10g国际网站平台有哪些