小程式填坑之路——文字超出部分隱藏(已解決)
阿新 • • 發佈:2018-11-08
一直使用之前的版本沒有問題,今天在首頁顯示“定位”的地方不能生效,先上程式碼我再說原因
/*文字超出省略*/
{
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
這個是之前的版本,他也對,但這段程式碼生效的行數是3行,超出三行後省略號代替。
{ letter-spacing: 2px; /*字間距*/ display:block;/*內聯物件需加*/ width:5em;/*指定寬度*/ word-break:keep-all;/* 不換行 */ white-space:nowrap;/* 強制在同一行內顯示所有文字,直到文字結束或者遭遇 br 物件。不換行 */ overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */ text-overflow:ellipsis;/* IE 專有屬性,當物件內文字溢位時顯示省略標記(...) ;需與overflow:hidden;一起使用。*/ }
這是單行文字超出的解決辦法,可以根據自己的需求改變寬度。
又get一個新的點~~~