在Web頁面設計中，經常會遇到長字段顯示的問題，如果不加控制，可能會導致頁面排版混亂，影響用戶體驗。這時候，CSS樣式就可以起到很好的控制作用。

控制長字段顯示的方法有多種，其中比較常用的是使用CSS的text-overflow屬性和overflow屬性來對文本進行控制。

/* text-overflow屬性 */
text-overflow: ellipsis;
/* overflow屬性 */
overflow: hidden;

text-overflow屬性可以控制文本的溢出顯示，常用值有三種：

• clip：裁剪文本后顯示省略號。
• ellipsis：在文本的結尾加上省略號，表示文本被截斷。
• string：用特定的字符串替換被截斷的文本。

overflow屬性可以控制元素的溢出處理方式，常用值有三種：

• visible：不進行溢出處理，內容可以溢出到元素外部。
• hidden：溢出的內容被裁剪，不顯示在元素外部。
• scroll：在元素外部顯示滾動條，可以滾動查看溢出的內容。

/* 控制長字段顯示樣式示例 */
.long-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; /* 控制文字不換行 */
}

在控制長字段顯示時需要注意的是，需要將文本放置于一個容器元素內，并對容器元素進行樣式控制，以保證文本能夠正確地顯示。同時，需要注意保留適當的空白字符和斷行符，以確保文本的可讀性。