在網頁設計中，按鈕是一個必不可少的元素，而且一個好的按鈕設計可以起到吸引眼球，引導用戶操作的作用。在設計按鈕時，我們通常通過CSS來設置按鈕的外觀和樣式，但是，有時我們會遇到按鈕文字比較長的情況。此時，我們需要讓按鈕文字多行顯示，以便頁面風格整齊、美觀。 要讓按鈕文字多行顯示，我們需要使用CSS中的“white-space”屬性，它用來設置如何處理元素內的空白。常用的屬性值有“normal”、“nowrap”和“pre-wrap”，其中，“pre-wrap”能夠實現按鈕文字的多行顯示效果，并且保留原始的空格和換行符。 下面是實現多行顯示效果的示例代碼：

.btn{
white-space: pre-wrap;
}

在HTML中，我們使用一個包含長文字的按鈕作為例子：

下面是一個包含長文字的按鈕：
這是一個非常長的按鈕，它要顯示在兩行或者三行，而不是在一行，這個時候怎么辦呢？

上述代碼中，我們設置了按鈕的樣式，使其能夠實現多行顯示效果。在網頁中，我們可以看到按鈕文字被平均分配到兩行，增強了頁面的美觀性。

總之，通過CSS中的“white-space”屬性來實現按鈕文字的多行顯示效果，能夠讓頁面整潔美觀，同時提高用戶體驗。