rm9_CSS常见样式2

text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中
text-align属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。text-align:center 设置文本或img标签等一些内联对象（或与之类似的元素）的居中。
IE 盒模型和W3C盒模型有什么区别?
ie678怪异模式（不添加 doctype）使用 IE盒模型，宽度=边框+padding+内容宽度。
chrome， ie9+, ie678(添加 doctype) 使用W3C盒模型， 宽度= 内容宽度

Paste_Image.png

对齐方式

当 inline-block 的高度不一样的时候，就需要我们去设置对齐方式；

• 顶端对齐：vertical-align: top;
• 中部对齐：vertical-align: middle;
• 底部对齐：vertical-align: bottom;
  实例