在網(wǎng)頁設(shè)計(jì)中，文字居中或居上是很常見的要求，但有時(shí)候我們需要讓文字居下，這時(shí)候就需要使用 CSS 控制。

要實(shí)現(xiàn)文字居下，我們需要在對(duì)應(yīng)的元素上添加下面的 CSS 屬性：vertical-align: bottom;

.container {
height: 200px;
background-color: #ccc;
display: flex;
align-items: flex-end;
}
.text {
font-size: 20px;
color: #fff;
vertical-align: bottom;
margin-bottom: 20px;
}

在上面的代碼中，我們給元素設(shè)置了一個(gè)高度，然后將其樣式屬性設(shè)置成 display:flex; align-items: flex-end; 這樣就可以讓文字居下了。

總的來說，讓文字居下的方法是利用 CSS 的 vertical-align 屬性來進(jìn)行控制，然后再配合一些 flex 布局的樣式，就可以實(shí)現(xiàn)文字在元素底部的效果了。