在網頁設計中,我們經常需要對文字進行排版,讓它們在頁面上美觀有序地呈現。在這其中,有時候我們需要將一段文字置于頁面底部,這時就需要使用CSS來實現了。
.footer { position: fixed; bottom: 0; left: 0; right: 0; text-align: center; }
CSS中的position屬性指定元素的定位方式,其中fixed表示相對于瀏覽器窗口固定位置。bottom屬性指定距離底部的距離,這里設為0就意味著置于頁面底部。left和right屬性則指定左右邊距。最后,text-align屬性則控制文字的水平對齊方式。
使用以上代碼,我們可以輕松地將一個元素的內容置于頁面底部。如果想讓其中的文字垂直居中,可以結合使用CSS的display:flex屬性和align-items:center屬性。
.footer { position: fixed; bottom: 0; left: 0; right: 0; display: flex; align-items: center; text-align: center; }
這樣設定之后,元素中的文字就會垂直居中了。