CSS靠底bottom：讓文本垂直居中并固定到頁面底部

隨著現代網站的發展，越來越多的網站需要讓文本垂直居中并固定到頁面底部。為了實現這一功能，我們可以使用CSS靠底bottom屬性。

靠底bottom屬性可以將一個元素(如文本框、輸入框等)的bottom邊緣設置為負值，使其靠向頁面底部，從而將元素垂直居中。同時，靠底bottom屬性還可以將元素的left和right屬性設置為0，使其固定到頁面底部。

下面是一個使用靠底bottom屬性實現文本垂直居中并固定到頁面底部的例子：

<div style="position: relative; width: 100px; height: 100px;">

<div style="position: absolute; bottom: 20px; background-color: red;">

<span>Text</span>

</div>

</div>

在這個例子中，我們將一個div元素作為文本的容器，并將它的bottom邊緣設置為負值，使其靠向頁面底部。然后，我們將一個span元素作為容器內文本的內容，并將其position屬性設置為absolute,bottom屬性設置為-20px,left和right屬性設置為0，以實現垂直居中并固定到頁面底部。

使用靠底bottom屬性可以實現文本垂直居中并固定到頁面底部，這對于許多網站都非常有用。不過需要注意的是，靠底bottom屬性可能會對瀏覽器的兼容性產生一定的影響，因此在使用它時需要注意瀏覽器版本和不同瀏覽器的設置差異。