css居中的5种方法
原文:http://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods.html
这个方法把一些div的显示方式设置为表格,因此我们可以使用表格的vertical-alignproperty属性
<divid="wrapper">
<divid="cell">
<divclass="content">
Contentgoeshere</div>
</div>
</div>
#wrapper{display:table;}
#cell{display:table-cell;vertical-align:middle;}
优点:
content可以动态改变高度(不需在CSS中定义)。当wrapper里没有足够空间时,content不会被截断
缺点:
InternetExplorer(甚至IE8beta)中无效,许多嵌套标签(其实没那么糟糕,另一个专题)
方法二:
相关推荐
qiupu 2020-11-04
多读书读好书 2020-11-03
RedCode 2020-10-28
jiedinghui 2020-10-25
Ladyseven 2020-10-22
hellowzm 2020-10-12
zuncle 2020-09-28
Ladyseven 2020-09-11
jiedinghui 2020-09-07
xiaohuli 2020-09-02
葉無聞 2020-09-01
impress 2020-08-26
ThikHome 2020-08-24
nicepainkiller 2020-08-20
hellowzm 2020-08-18