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;

             }

posted on 2018-08-09 17:12  古月秋冬  阅读(131)  评论(0编辑  收藏  举报

导航