水平和垂直方向都居中

标签：

水平和垂直方向都居中：我们可以在水平上用text-align:center;竖直方向上是vertical-align: middle;但是这个只能用在特定的元素上：

父元素：display:table;子元素：display: table-cell;

例子：父元素：

1. display: table;
2. width: 100%;
3. margin-bottom: 13px;
4. overflow: hidden !important;

子元素：

1. display: table-cell;
2. margin-bottom: 13px;
3. height: 60px;
4. vertical-align: middle;
5. background: white;
6. padding-left: 15px;
7. border-left: 5px solid #d770ad;

水平和垂直方向都居中

标签：

原文地址：http://www.cnblogs.com/angleyuli/p/4543879.html