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;

             }