CSS 可以通過一些屬性來調整文本的對齊方式，如 text-align 和 vertical-align。但是在實際開發中，我們會發現這兩個屬性并不能完全滿足我們的需求，特別是在處理中英文混合排版以及字數不一致的情況下。

那么如何讓不同字數的文字上端對齊呢？答案就是使用line-height屬性。

在 CSS 中，line-height屬性用于設置行內內容的高度。當我們將其設置為與字體大小相等的數值時，即可讓文字的上端對齊。比如：

p {
font-size: 16px;
line-height: 16px;
}

在上面的代碼中，我們將line-height的值設置為 16px，與字體大小相等。這樣，不論字數多少，文字都會在上端對齊。

在實際開發中，經常會遇到需要加粗的文字。比如，我們可能需要讓某個關鍵詞加粗并上端對齊。這時，我們需要將line-height的值設置為加粗字體大小的倍數。

p {
font-size: 16px;
font-weight: bold;
line-height: 24px; /* 加粗字體倍數為 1.5 */
}

在上面的代碼中，我們將line-height的值設置為加粗字體大小的 1.5 倍，即 24px。這樣，加粗的字體就會在上端對齊了。

除了使用line-height屬性，我們也可以使用 flex 布局來實現文字的上端對齊。這種方法的實現思路是將文本容器設置為 flex 布局，然后使用align-items: flex-start;將元素對齊到 flex 容器的頂部。比如：

p {
display: flex;
align-items: flex-start;
}

在上面的代碼中，我們將文本容器設置為display: flex;，然后使用align-items: flex-start;將元素對齊到 flex 容器的頂部。這樣，文本中的所有元素都會在上端對齊。

總之，無論是使用line-height屬性還是 flex 布局，都可以讓文字的上端對齊。開發者可以根據具體情況選擇最適合的方法。