校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 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長文本超出標記寬度后自動截取實現代碼的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 浪卡子县| 扶余县| 伽师县| 柯坪县| 广州市| 泰安市| 额敏县| 扎鲁特旗| 怀化市| 永安市| 金山区| 安陆市| 武平县| 龙里县| 金堂县| 石渠县| 南澳县| 子洲县| 沁源县| 邢台市| 大邑县| 宜都市| 新泰市| 宁乡县| 唐河县| 苍南县| 夏津县| 德清县| 青海省| 屯昌县| 峨山| 镇平县| 万载县| 合阳县| 太康县| 扶风县| 赤峰市| 新宁县| 永定县| 沾化县| 米林县|