求解答 关于文本垂直对齐的问题

Question

就比如说是 一个div里面的的文字怎样 改变它的垂直位置啊 好像设置了 line-height 这个文本垂直就自动居中了啊 怎样把它放在下面啊

Answer 1

简单点，用 display:table 和 display:table-cell来实现，示例代码如下

// html
<div class="table-warp">
    <div class="table-cell-warp">
     一堆乱七八糟点的内容
    </div>
</div>

// css
.table-warp{
   display:table;
   width:100%;
   height:100px;
}
.table-cell-warp{
  display: table-cell;
  vertical-align: bottom;
  height: 100%;
}

Answer 2

line-height: 200-文字大小/2