第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

在html中如果文字超出多少個(gè)就省略 ?

在html中如果文字超出多少個(gè)就省略 ?

UYOU 2018-11-19 19:14:02
在html中如果文字超出多少個(gè)就省略 
查看完整描述

1 回答

?
滄海一幻覺

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超5個(gè)贊

文字超出了需要隱藏并顯示省略號(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)?/
}

查看完整回答
反對(duì) 回復(fù) 2018-12-15
  • 1 回答
  • 0 關(guān)注
  • 2047 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)