标签:pos max float views size start ref mono import
当HTML结构如下所示:
同时,CSS这样写:
效果如下:
很明显,图片并没有水平居中。这是因为浮动元素脱离了普通文档流,margin:0 auto也就不起作用了。
解决方法很简单:在浮动元素外面再嵌套一层div,代码如下:
此时,浮动元素就可以水平居中了:
同样地,对于多个浮动元素,也可以用这种方法实现水平居中,效果如下:
当HTML结构如下所示:
同时,CSS这样写:
效果如下:
很明显,图片并没有水平居中。这是因为浮动元素脱离了普通文档流,margin:0 auto也就不起作用了。
解决方法很简单:在浮动元素外面再嵌套一层div,代码如下:
此时,浮动元素就可以水平居中了:
同样地,对于多个浮动元素,也可以用这种方法实现水平居中,效果如下:
标签:pos max float views size start ref mono import
原文地址:http://www.cnblogs.com/leibo520/p/7064295.html