文字超出了需要隱藏并顯示省略號(hào)這個(gè)在工作中很多時(shí)候都要用到，我想很多人都碰到過吧，這個(gè)有兩種解決方法
一是用程序開截取字符長度，這個(gè)其實(shí)也是可以的
第二種是用樣式來做,這里主要介紹一下用樣式怎么來做吧，我話也不多說了吧直接上代碼吧，

css樣式如下：
[css]
.css1{
color:#6699ff;border:1px #ff8000 dashed;
margin-bottom:20px;
width: 20em;/*不允許出現(xiàn)半漢字截?cái)?/
}
.css2 {
overflow: hidden; /*自動(dòng)隱藏文字*/
text-overflow: ellipsis;/*文字隱藏后添加省略號(hào)*/
white-space: nowrap;/*強(qiáng)制不換行*/
width: 20em;/*不允許出現(xiàn)半漢字截?cái)?/
color:#6699ff;border:1px #ff8000 dashed;
}
[/css]
html代碼如下：
[html]
<div class="css1">Web前端開發(fā) – 專注于網(wǎng)站前端設(shè)計(jì)與Web用戶體驗(yàn)</div>
<div class="css2">Web前端開發(fā) – 專注于網(wǎng)站前端設(shè)計(jì)與Web用戶體驗(yàn)</div>
[/html]
<st這yle type=”text/css”>
.css1{
color:#6699ff;border:1px #ff8000 dashed;
margin-bottom:20px;
width: 20em;/*不允許出現(xiàn)半漢字截?cái)?/
}