CSS是前端開發中經常使用的工具，它可以實現各種各樣的效果。其中一種常見的需求就是將文字居底部顯示。下面介紹幾種實現方式：
1.使用flex布局

html
<pre>
// HTML結構
<div class="container">
<p>這里是文字內容</p>
</div>
<br>
// CSS樣式
.container {
display: flex;
height: 300px;
justify-content: flex-end;
align-items: flex-end;
}
<br>
.container p {
margin: 0;
}

其中，容器使用display: flex，并設置justify-content: flex-end和align-items: flex-end，即可使內容居底部顯示。注意要將段落的margin設置為0，否則會有額外的空白。
2.使用position屬性

html
<pre>
// HTML結構
<div class="container">
<p>這里是文字內容</p>
</div>
<br>
// CSS樣式
.container {
position: relative;
height: 300px;
}
<br>
.container p {
position: absolute;
bottom: 0;
margin: 0;
}

其中，容器使用position: relative，段落使用position: absolute，并設置bottom: 0，即可使內容居底部顯示。同樣需要將段落的margin設置為0。
3.使用line-height屬性

html
<pre>
// HTML結構
<div class="container">
<p>這里是文字內容</p>
</div>
<br>
// CSS樣式
.container {
height: 300px;
}
<br>
.container p {
line-height: 300px;
margin: 0;
}

其中，容器的高度和段落的line-height屬性相同，即可實現居底顯示。
以上是三種常見的實現方式，可以根據實際需求選擇使用。