vertical-align
vertical-align属性
设置元素内容的垂直方式。
属性值:baseline、sub、super、top、text-top、middle、bottom、text-bottom、长度、百分比
注:对行内元素和单元格元素有效。
例子:
vertical-align: 15px; 向上移15px
例子:
<div class="warp">
<div class="content">
<img src="img/logo.jpg">
<h1>Welcome to Website</h1>
<h2>CSS层叠样式,用于网页样式设置,使网页更美观。</h2>
</div>
</div>
.warp{
height:400px;
width:100%;
border:1px solid blue;
display:table;
}
.content{
vertical-align:middle;
display:table-cell;
text-align:center;
}