div+css控制文本長(cháng)度
一般的文字截斷（適用于內聯(lián)與塊）：
.text-overflow {
display:block;/*內聯(lián)對象需加*/
width:31em;
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內容超出寬度時(shí)隱藏超出部分的內容 */
text-overflow:ellipsis;/* 當對象內文本溢出時(shí)顯示省略標記(...) ；需與overflow:hidden;一起使用。*/
}
對于表格文字溢出的定義：
table{
width:30em;
table-layout:fixed;/* 只有定義了表格的布局算法為fixed，下面td的定義才能起作用。 */
}
td{
width:100%;
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內容超出寬度時(shí)隱藏超出部分的內容 */
text-overflow:ellipsis;/* 當對象內文本溢出時(shí)顯示省略標記(...) ；需與overflow:hidden;一起使用。*/
}
需要你注意的是，這個(gè)東東只對單行的文字的效，如果你想把它用在多行上，也只有第一行有作用的。 這個(gè)寫(xiě)法只有IE會(huì )有“...”，其它的瀏覽器文本超出指定寬度時(shí)會(huì )隱藏。
| 呢 稱(chēng): | |
| 表 情: | |
| 內 容: |
評論內容:不能超過(guò) 1000 字,需審核,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。 |
| 驗證碼: | |
您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì )、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。
蘇公網(wǎng)安備 32070502010230號
