濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > Html長(zhǎng)文本超出標(biāo)記寬度后自動(dòng)截取實(shí)現(xiàn)代碼

Html長(zhǎng)文本超出標(biāo)記寬度后自動(dòng)截取實(shí)現(xiàn)代碼
熱門標(biāo)簽：齊齊哈爾地圖標(biāo)注地點(diǎn) 邵陽(yáng)市地圖標(biāo)注app 400電話座機(jī)怎么辦理 縣域地圖標(biāo)注點(diǎn) 電銷機(jī)器人外呼失敗怎么回事 天津銷售電銷機(jī)器人公司 400電話申請(qǐng)好不好 南寧銷售外呼系統(tǒng)線路商 吃雞地圖標(biāo)注設(shè)置
我們?cè)陲@示長(zhǎng)文本時(shí)，往往需要去在Ｃ#端去截取字符，但這絕對(duì)不是一個(gè)好方面，因?yàn)槲覀兊拈L(zhǎng)文本往往都是代ＨＴＭＬ標(biāo)記的，你一個(gè)載不好，就會(huì)出現(xiàn)亂碼問(wèn)題（出現(xiàn)半個(gè)ＨＴＭＬ標(biāo)記），而比較好的作法就是通過(guò)ＣＳＳ去實(shí)現(xiàn)這個(gè)功能
span標(biāo)簽 當(dāng)內(nèi)容超出 強(qiáng)制不斷行 自動(dòng)換行

復(fù)制代碼
代碼如下:

white-space:nowrap;white-space:norma;display:inline-block;

超出自動(dòng)隱藏 英方不斷行顯示 (必須在塊元素內(nèi))

復(fù)制代碼
代碼如下:

overflow:hidden;white-space:nowrap;

而如果希望在文字后面加上個(gè)...，就可以使用text-overflow: ellipsis;一般的主流瀏覽器都支持這個(gè)屬性

復(fù)制代碼
代碼如下:

.tbconxx {
float: left;
width: 255px;
padding: 5px 10px;
}
.tbconxx li,tbconxx span {
padding-left: 7px;
text-overflow: ellipsis;
overflow: hidden;
display: block;
white-space: nowrap;
width: 240px;
}

這樣就可以實(shí)現(xiàn)超過(guò)的文字自動(dòng)隱藏的效果了。

標(biāo)簽：濟(jì)寧 ?？?/a> 延安 日照 衡水 寧夏 寧波 贛州

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《Html長(zhǎng)文本超出標(biāo)記寬度后自動(dòng)截取實(shí)現(xiàn)代碼》，本文關(guān)鍵詞  Html,長(zhǎng),文本,超出,標(biāo)記,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Html長(zhǎng)文本超出標(biāo)記寬度后自動(dòng)截取實(shí)現(xiàn)代碼》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于Html長(zhǎng)文本超出標(biāo)記寬度后自動(dòng)截取實(shí)現(xiàn)代碼的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章
    北宁市| 广河县| 孟州市| 乐清市| 依安县| 宁海县| 怀远县| 波密县| 遂宁市| 扬州市| 祥云县| 天台县| 三台县| 久治县| 穆棱市| 富民县| 大名县| 邵武市| 舞钢市| 中超| 桐庐县| 三穗县| 宾阳县| 黄石市| 郎溪县| 嘉定区| 横峰县| 盖州市| 海城市| 北宁市| 邢台县| 宜良县| 峡江县| 手机| 大邑县| 抚松县| 楚雄市| 将乐县| 井研县| 汉阴县| 拜泉县|