css實(shí)現(xiàn)字符串截?cái)嗖⒓邮÷蕴?hào)示例
發(fā)布時(shí)間：2014-05-08 14:51:39 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了css實(shí)現(xiàn)字符串截?cái)嗖⒓邮÷蕴?hào)示例,需要的朋友可以參考下
復(fù)制代碼
代碼如下:<html>
<head><title></title></head>
<style>
.title{
width:100px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
</style>
<body>
<span class=title>標(biāo)題顯示太長(zhǎng)省略多余部分并加省略號(hào)的樣式</span>
<div class=title>標(biāo)題顯示太長(zhǎng)省略多余部分并加省略號(hào)的樣式</div>
</body>
</html>
相關(guān)文章
- 單行文本的控制，以前是由程序員完成的，2008-10-17
字符串過(guò)長(zhǎng)CSS截取多余文字并用省略號(hào)顯示
字符串過(guò)長(zhǎng)，不雅觀，如何實(shí)現(xiàn)多余文字街去掉并用省略號(hào)顯示，苦思冥想多日，發(fā)現(xiàn)使用CSS就可輕松搞定，下面將經(jīng)驗(yàn)心得與大家分享一番，望幫助更多的失足新手2014-06-16通過(guò)純CSS樣式實(shí)現(xiàn)DIV元素中多行文本超長(zhǎng)自動(dòng)省略號(hào)
可以通過(guò)css樣式實(shí)現(xiàn)DIV元素中文本超長(zhǎng)后自動(dòng)截?cái)嗖⒁允÷蕴?hào)結(jié)尾，一般情況下都是使用javascript，其實(shí)使用純CSS樣式也可以做到2014-05-05css樣式顯示省略號(hào)自定義寬度超過(guò)隱藏顯示省略標(biāo)記
這篇文章主要介紹了css樣式怎么顯示省略號(hào)，即當(dāng)超過(guò)自定義寬度時(shí)隱藏顯示省略標(biāo)記，比較實(shí)用，需要的朋友可以參考下2014-04-18CSS省略號(hào)text-overflow超出溢出顯示省略號(hào)
DIV CSS text-overflow文本有溢出時(shí)顯示css省略號(hào)clip ellipsis樣式基礎(chǔ)知識(shí)與用法實(shí)例經(jīng)驗(yàn)教程篇2014-11-12- 兼容瀏覽器的CSS控制字符寬度省略號(hào)效果，是非常實(shí)用的，由于FF對(duì)溢出顯示省略號(hào)的屬性支持不好。因而在進(jìn)行編碼時(shí)，應(yīng)用到了一個(gè)HACK和FF的私有屬性，大家在學(xué)習(xí)時(shí)注意區(qū)2009-01-03
CSS文本超出div或者span時(shí)用省略號(hào)代替
在項(xiàng)目中我們經(jīng)常需要在文本過(guò)長(zhǎng)時(shí)顯示，將文本超出的部分內(nèi)容用省略號(hào)代替，基于css代碼是怎么實(shí)現(xiàn)的呢？下面腳本之家小編通過(guò)分析本文給大家詳解，感興趣的朋友一起學(xué)習(xí)2016-01-19