最近在做頁面開發的時候，因為文字太多而導致頁面顯示了很多點號，非常的不美觀，那么這種情況怎么解決呢？

ul {
list-style:none;
overflow:hidden;
}
li {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}

以上就是解決辦法，我們可以將ul的list-style設為none，然后利用overflow:hidden隱藏列表項中多余的部分，文本超出部分使用text-overflow:ellipsis截斷，并且必須將white-space設為nowrap防止換行導致截斷位置不準確。

如果您在使用Bootstrap框架進行頁面開發，可以使用以下代碼：

.text-truncate {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

使用以上代碼可以方便地將文本內容截斷并添加省略號，使頁面顯示更加美觀。