四 不定宽块元素居中
4. 子元素是不定宽的块元素:最常见的分页导航(分页导航的页码是不确定的)
a.水平居中:子元素转行内元素,父元素加:text-align:center
b.垂直居中:可给分页的ul加行高line-height=parent.height
c.底边居中:更为常用,与多行内联文本垂直处理方式一致,vertical-align:bottom;
代码:
子元素转行内元素
ul默认还有40像素的内边距,需要先设置为0
更准确的写法应该写作:padding-left:0;
水平居中,此时已经是行内元素了,直接text-align:center
垂直居中:可给分页的ul加行高line-height=parent.height
底部居中,这个在分页导航用的最多:
底边居中:更为常用,与多行内联文本垂直处理方式一致,vertical-align:bottom;
本文作者为BUG之神,转载请注明。