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;
}