css 内容底部对齐

html：

<div class="item">transform-origin 属性允许您改变被转换元素的位置。 2D 转换元素能够改变元素 x 和 y 轴。3D 转换元素还能改变其 Z 轴。 为了更好地理解 transform-origin 属性，请查看这个演示。</div>

css:

1

.item{
        width:200px;
        height: 400px;
        border:1px solid seagreen;
        display:table-cell; 
     vertical-align:bottom;
    }

 2

.css{
display:flex;
align-items:flex-end;
}