html - 我如何使用 CSS 垂直对齐文本？

Question

<div style='height:200px;'>
SOME TEXT
</div>

如何使用没有填充的 CSS 在 div 底部对齐“SOME TEXT”？

Answer 1

绝对最简单的方法是:

div {height: 400px;
    width: 50%;
    margin: 0 auto;
    background-color: #ffa;
    position: relative;
    }

div p   {position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    }

html

<div id="container">
<p>SOME TEXT</p>
</div>

将您的文本包裹在一个元素中，可以是 <p> 中的任何元素, <span> , <div> ...无论如何，将该元素放在其容器的底部。