开发杂记:DIV垂直居中

by kevin 23. 七月 2013 22:26 >

这个话题挺有意思的,网上给出了很多的解决方案,感觉只有一种方法比较实用。

   1: <div style="width:150px; height:150px;display:table-cell; vertical-align:middle;">
   2:     <div style="width:150px;">
   3:     <div>
   4: </div>

其实,如果不考虑IE,并不需要嵌在内部的div。

另外PS另外一个小技巧:img的等比例缩放大小。

   1: <img style="max-height:150px; max-width:150px;" src="">
分享到: 更多

打赏请我喝果汁咯

支付宝 微信

关于我

80后,单身,平庸的程序员。

喜欢看书,乐于交友,向往旅游。

遇建Kevin

FluentData交流群:477926269

Fluentdata