居中百分比宽高的元素
摘要：
如果知道该元素确切的宽高，居中它比较容易，可以参考此文 ，top 和 left 设成 50%，负 margin 分别设置该元素宽，高的一半。如果明确知道该元素的宽高，用此法居中很容易，如果它的宽高是百分比呢？你可能认为负的百分比 margin 可以搞定，它适用于水平的 margin，但是 margin 基于宽度（垂直 margin 也是）（译者注：margin 是百分比的话，跟此元素的包含块的宽度有关，见规范），因此当你用负的 top margin 时，失败了。有个小技巧 ，用一个“ghost”伪元素（看不见的伪元素）和 inline-block / vertical-align 可以搞定居中 阅读全文
posted @ 2013-07-09 11:36 司徒正美 阅读(1819) 评论(2) 推荐(0) 编辑