在 CSS 中，有一個很常用的樣式屬性叫做“垂直居中”，它可以讓一個元素在父元素的垂直方向上居中顯示。但是，如果只想讓文字在一個元素的上部顯示該怎么辦呢？下面就來介紹一下文字居上的實現方式。

.container {
display: flex;
align-items: flex-start;
}

在上面的代碼中，我們利用了 CSS 的強大功能——Flex 布局來實現文字居上。具體來說，我們通過設置父元素的 display 屬性為 flex，然后再設置 align-items 屬性為 flex-start，即可實現文字在父元素的上部顯示。值得注意的是，.container 這個類名是一個虛擬類名，可以根據具體的情況來自行命名。

除了 Flex 布局，CSS 還有許多實現文字居上的方法，例如使用 position 屬性，將文字的位置設置為 absolute，然后通過 top 屬性來控制。不過這種方法相對于 Flex 布局來說，較為復雜，并且需要注意后續對元素的改動可能會影響文字的位置。

總之，CSS 實現文字居上是一個非常基礎的問題，要記得多多嘗試，掌握不同的實現方式，靈活運用可以讓你的頁面效果更加出色。