兩種利用CSS樣式截取標題長度的樣本

用CSS樣式進行截取標題的長度。

 

第一、用於SPAN或者LI的標題樣式

 

代碼如下	複製代碼
.text-css { display:block;/*內聯對象需加*/ width:31em; word-break:keep-all;/* 不換行 */ white-space:nowrap;/* 不換行 */ overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */ text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/ }

 

我們只需要將.text-css樣式應用到LI或者SPAN中，上面的樣式，老蔣可以根據需要進行修改截取長度。

 

第二、表格TABLE截取樣式

 

代碼如下	複製代碼
table{ width:30em; table-layout:fixed;}/* 只有定義了表格的布局演算法為fixed，下面td的定義才能起作用。 */ td{ width:100%; word-break:keep-all;/* 不換行 */ white-space:nowrap;/* 不換行 */ overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */ text-overflow:ellipsis;}/* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/

以上是針對錶格的時候進行截取的，一般我們用的少。