水平居中设置——行内元素(内联元素?)
如果被设置元素为文本,图片等行内元素时,水平居中是通过父类设置text-align:center来实现的
水平居中——定宽块状元素
定宽状元素:宽度是固定设置好的,确定好的宽度
想要达到居中的效果,通过左右设置margin:auto
水平居中——不定宽块状元素
一般有三种方法:
1. 加入table标签
利用table标签的长度自适应性---即不定义其长度也不默认父元素body的长度(table其长度根据其内文本长度决定),因此可以看做一个定宽度块元素,然后再利用定宽度块状居中的margin的方法,使其水平居中。
第一步,为需要设置居中的元素外面加入一个table标签(包括<tbody><tr><td>)
第二步:为这个 table 设置“左右 margin 居中”(这个和定宽块状元素的方法一样)
http://www.imooc.com/code/6364