CSS文本下靠(bottom-align)是一種CSS屬性，用于將文本元素定位到文檔的底部，從而避免與背景元素重疊。通過將文本元素下靠，可以使文本元素更加突出，并更好地適應各種屏幕大小和分辨率。

在傳統的HTML和CSS中，文本元素通常默認是居中對齊的，這會導致文本元素在屏幕上的居中問題。如果文本元素在下一頁中，那么它們可能會重疊在下一行的開頭。使用文本下靠可以解決這一問題。通過將文本元素下靠，文本元素會沿著文檔流向下移動，直到到達頁面底部。這樣就可以確保文本元素在正確的位置，并適應各種屏幕大小和分辨率。

下面是一些使用CSS文本下靠的例子：

1. 使用絕對定位：

```html

<p style="position: absolute; bottom: 0;">

這是一個下靠的文本元素。

2. 使用偽元素：

```html

<div style="position: relative; bottom: 20px;">

這是一個下靠的文本元素。

</div>

<p style="position: absolute; bottom: 20px;">

這是另一個下靠的文本元素。

3. 使用Flexbox布局：

```css

.container {

display: flex;

align-items: center;

justify-content: center;

.bottom-align-text {

position: absolute;

bottom: 0;

.text {

display: flex;

align-items: center;

在這個例子中，`.container`元素是容器，`.bottom-align-text`是下靠的文本元素，`.text`元素是包含文本元素的其他元素。`display: flex`屬性使`.container`元素具有彈性盒子布局，`align-items: center`和`justify-content: center`屬性使`.container`元素將文本元素居中對齊，而`bottom: 0`屬性將文本元素下靠到文檔底部。

使用CSS文本下靠可以確保文本元素在正確的位置，并適應各種屏幕大小和分辨率。無論使用哪種方法，都可以使文本元素更加突出，從而使網頁更加美觀和易于閱讀。