元素布局.png
text-align规定该容器内部的行内元素相对于父级如何对齐，只对行内以及行内块元素有效。
居中
居中：
居中分为两种情况：
- 行内元素的居中
- 块级元素居中
- 定宽的块级元素居中
- 不定宽的块级元素居中
行内元素的居中
文字或者img等行内元素的居中，可以使用<text-align>属性，它用来定义行内元素如何相对于它的块父元素对齐，text-align不控制块父元素自身的对齐，只控制它的行内内容的对齐方式。
demo1
注意事项：
- 由于行内元素不换行的特点，所以父级块元素有多个子元素时(特别是一个文字，一个图片时)，看起来并不居中。
demo2 - text-align具有继承性质，所以当父级元素里面有一个块元素，且该块元素未设置宽度时，开起来就像该块元素实现了居中，然而当我们给该块级元素设置了宽度后，就会发现它无法实现相对于父元素的居中。
demo3
块级元素的居中 - 确定宽度
margin: 0 auto;
注意此方法对inline-block无效
- 不确定宽度
display: inline-block
垂直
vertical-align：vertical-align
line-height
上下padding相等法
position： 50%；
margin-top:- 高度的一半
网友评论