大家都知道css里面用text-align:center
加上margin:0 auto
就可以实现水平居中了,但是垂直居中却没有相应的css属性来设置,而如果要设置元素能够垂直居中必须得将容器设置为display:table
,然后将子元素也就是要垂直居中显示的元素设置为display:table-cell
,然后加上vertical-align:middle
来实现。
通过CSS3的transform来实现
.center-vertical {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.center-horizontal {
position: relative;
left: 50%;
transform: translateX(-50%);
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。