使用CSS不用程序?qū)崿F(xiàn)文字自動(dòng)截?cái)?用省略號(hào)代替
更新時(shí)間：2007年11月28日 19:28:55 作者：
.test{
width:200px;
height:50px;
border:1px solid red;
padding:10px;
overflow:hidden; /*不顯示超過(guò)對(duì)象寬度的內(nèi)容*/
text-overflow:ellipsis; /*當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記（...）*/
white-space:nowrap; /*限制在一行內(nèi)顯示所有文本*/
}
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
width:200px;
height:50px;
border:1px solid red;
padding:10px;
overflow:hidden; /*不顯示超過(guò)對(duì)象寬度的內(nèi)容*/
text-overflow:ellipsis; /*當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記（...）*/
white-space:nowrap; /*限制在一行內(nèi)顯示所有文本*/
}
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- 讓超出DIV寬度范圍的文字自動(dòng)顯示省略號(hào)...
- 如果文字過(guò)長(zhǎng),則將過(guò)長(zhǎng)的部分變成省略號(hào)顯示
- jQuery實(shí)現(xiàn)控制文字內(nèi)容溢出用省略號(hào)(…)表示的方法
- css把超出的部分顯示為省略號(hào)的方法兼容火狐
- 怎么讓表格為固定大小，超出的部分顯示為省略號(hào)
- android開(kāi)發(fā)教程之textview內(nèi)容超出屏幕寬度顯示省略號(hào)
- 用客戶端js實(shí)現(xiàn)帶省略號(hào)的分頁(yè)
- js實(shí)現(xiàn)文字超出部分用省略號(hào)代替實(shí)例代碼
相關(guān)文章
在分配ID和類名時(shí)，盡可能保持與表現(xiàn)形式無(wú)關(guān)，例如contleft有可能以后希望出現(xiàn)在右邊。2008-10-10
符合標(biāo)準(zhǔn)，多瀏覽器兼容的圖片垂直居中效果代碼2008-08-08
解決列高度自適應(yīng)(相同)的五種方法...2007-02-02
CSS中常用的單位...2007-01-01
純css實(shí)現(xiàn)的圓角邊框效果代碼2008-04-04
解決IE5/IE5.5/IE6/FF的兼容性問(wèn)題——CSS
解決IE5/IE5.5/IE6/FF的兼容性問(wèn)題——CSS...2007-05-05
跨瀏覽器的實(shí)踐:position:fixed 層的固定定位
一般要固定某個(gè)div,我們都會(huì)讓該div{position:fixed},它的下一個(gè)div{position:absolute}看了幾個(gè)國(guó)外的關(guān)于CSS的固定定位跨瀏覽解決方案.他們卻反其道而為之2008-11-11
SPAN元素和DIV元素有的區(qū)別...2007-02-02
純div+css實(shí)現(xiàn)，大家可以參考下，也許有一些問(wèn)題，大家可以修正下2008-12-12
總結(jié)下清除浮動(dòng)的一般解決方案,做網(wǎng)頁(yè)時(shí)要注意2008-03-03