網(wǎng)(LieHuo.Net)教程 如何用 CSS 隱藏超出顯示寬度的內(nèi)容。需要注意的是，這個(gè)東東只對(duì)單行的文字的效，如果你想把它用在多行上，也只有第一行有作用的。 這個(gè)寫(xiě)法只有IE會(huì)有“...”，其它的瀏覽器文本超出指定寬度時(shí)會(huì)隱藏。
| 以下為引用的內(nèi)容： .text-overflow { display:block;/*內(nèi)聯(lián)對(duì)象需加*/ width:31em;/*指定寬度*/ word-break:keep-all;/* 不換行 */ white-space:nowrap;/* 強(qiáng)制在同一行內(nèi)顯示所有文本，直到文本結(jié)束或者遭遇 br 對(duì)象。不換行 */ overflow:hidden;/* 內(nèi)容超出寬度時(shí)隱藏超出部分的內(nèi)容 */ text-overflow:ellipsis;/* IE 專有屬性，當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...) ；需與overflow:hidden;一起使用。*/ } |
| 以下為引用的內(nèi)容： table{ width:30em; table-layout:fixed;/* 只有定義了表格的布局算法為fixed，下面td的定義才能起作用。 */ } td{ width:100%; word-break:keep-all;/* 不換行 */ white-space:nowrap;/* 不換行 */ overflow:hidden;/* 內(nèi)容超出寬度時(shí)隱藏超出部分的內(nèi)容 */ text-overflow:ellipsis;/* 當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...) ；需與overflow:hidden;一起使用。*/ } |
程序員人生，我編程，我富裕，記住wfuyu網(wǎng)，php教程，php學(xué)習(xí)，php手冊(cè)，CMS模版制作
聲明：本站大部分內(nèi)容是作者原創(chuàng)，少部分收集于互聯(lián)網(wǎng)供大家一起學(xué)習(xí)，原版權(quán)很多不明，如有侵權(quán)請(qǐng)聯(lián)系本站，謝謝！
粵ICP備14040726號(hào)-1?? 2015-2020 程序員人生 版權(quán)所有
