婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > Html長文本超出標記寬度后自動截取實現代碼

Html長文本超出標記寬度后自動截取實現代碼

熱門標簽:齊齊哈爾地圖標注地點 邵陽市地圖標注app 400電話座機怎么辦理 縣域地圖標注點 電銷機器人外呼失敗怎么回事 天津銷售電銷機器人公司 400電話申請好不好 南寧銷售外呼系統線路商 吃雞地圖標注設置
我們在顯示長文本時,往往需要去在C#端去截取字符,但這絕對不是一個好方面,因為我們的長文本往往都是代HTML標記的,你一個載不好,就會出現亂碼問題(出現半個HTML標記),而比較好的作法就是通過CSS去實現這個功能
span標簽 當內容超出 強制不斷行 自動換行

復制代碼
代碼如下:

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

超出自動隱藏 英方不斷行顯示 (必須在塊元素內)

復制代碼
代碼如下:

overflow:hidden;white-space:nowrap;

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

復制代碼
代碼如下:

.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;
}

這樣就可以實現超過的文字自動隱藏的效果了。

標簽:濟寧 海口 延安 日照 衡水 寧夏 寧波 贛州

巨人網絡通訊聲明:本文標題《Html長文本超出標記寬度后自動截取實現代碼》,本文關鍵詞  Html,長,文本,超出,標記,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《Html長文本超出標記寬度后自動截取實現代碼》相關的同類信息!
  • 本頁收集關于Html長文本超出標記寬度后自動截取實現代碼的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 怀集县| 广宗县| 株洲县| 永州市| 永清县| 清涧县| 海丰县| 山阴县| 铁岭县| 财经| 砚山县| 开化县| 呼和浩特市| 大余县| 安丘市| 淮滨县| 舟山市| 哈巴河县| 东城区| 礼泉县| 株洲市| 太保市| 东乡县| 来安县| 渑池县| 嘉义县| 阳东县| 景宁| 久治县| 集安市| 平果县| 平利县| 桂阳县| 平阴县| 聊城市| 泸溪县| 本溪市| 四子王旗| 来安县| 丹凤县| 阿城市|