1. 程式人生 > >小程式填坑之路——文字超出部分隱藏(已解決)

小程式填坑之路——文字超出部分隱藏(已解決)

一直使用之前的版本沒有問題,今天在首頁顯示“定位”的地方不能生效,先上程式碼我再說原因


/*文字超出省略*/  

{
  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一個新的點~~~