CSS可以通過text-overflow屬性在文本過長的情況下,設置省略號來展示部分內容而不是全部內容。
首先,將要顯示省略號的文本包裹在一個塊級元素中:
<div class="ellipsis"> 這是一個非常長的字符串,用來測試省略號效果是否正常展示。 </div>
然后在CSS中添加以下樣式:
.ellipsis { white-space: nowrap; /* 禁止換行 */ overflow: hidden; /* 隱藏超出范圍的內容 */ text-overflow: ellipsis; /* 展示省略號 */ width: 200px; /* 設置寬度,保證內容超出范圍 */ }
這樣,當文本內容超出所設置的寬度時,就會顯示省略號。