在網(wǎng)頁(yè)設(shè)計(jì)中，有時(shí)我們需要讓一行字在上方顯示，而不是習(xí)慣的居中、左對(duì)齊或右對(duì)齊。這時(shí)候我們可以使用 CSS 的text-top屬性來(lái)實(shí)現(xiàn)。

text-top屬性的作用是將元素內(nèi)文字的頂部與該元素的頂端位置齊平，而不是文字所在行的中點(diǎn)與元素的中心齊平。

.my-element {
font-size: 20px;
line-height: 1;
display: inline-block;
vertical-align: text-top;
}

上面的 CSS 代碼中，我們給元素設(shè)置了適當(dāng)?shù)?code>font-size和line-height屬性，再將元素的display屬性設(shè)為inline-block，這樣元素就像一行文本一樣排列；最后使用vertical-align: text-top;來(lái)實(shí)現(xiàn)一行字在上方顯示的效果。

需要注意的是，在控制一行字在上方顯示時(shí)，文字的大小、行高、元素的寬高等都要仔細(xì)調(diào)整，確保最終顯示效果令人滿意。