CSS布局技巧

水平居中

方法一：

margin: 0 auto;       /*居中*/ ;这个必须是要给标签设定宽度，而且不能加浮动

text-align:center;     //这个一般主要用于文本居中，虽然有时候能让某些标签居中，但是还是别用这个

垂直居中

vertical-align:middle;  line-height:200px    //vertical-align:middle;表示行内垂直居中，我们将行距增加到和整个DIV一样高line-height:200px;然后插入文字，就垂直居中了。

水平垂直居中：未知高度和宽度元素解决方案

.item{
　　position: absolute;
　　top: 50%;
　　left: 50%;
　　transform: translate(-50%, -50%); /* 使用css3的transform来实现 */
}