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

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

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

如果您在使用Bootstrap框架進(jìn)行頁面開發(fā)，可以使用以下代碼：

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

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