13534259410
熱門服務
眾多企業的選擇
如何使文本溢出邊界不換行強制在一行內顯示？文本溢出邊界顯示為省略號
網站建設
2022-02-26
次
方法：#test{width:150px;white-space:nowrap;}
備注：設置容器的寬度和white-space為nowrap即可，其效果類似標簽
方法（此方法Firefox5.0尚不支持）：
#test{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
備注：首先需設置將文本強制在一行內顯示，然后將溢出的文本通過overflow:hidden截斷，并以text-overflow:ellipsis方式將截斷的文本顯示為省略號。
連續的長字符串自動換行：方法：#test{width:150px;word-wrap:break-word;}
備注：word-wrap的break-word值允許單詞內換行
備注：設置容器的寬度和white-space為nowrap即可，其效果類似
方法（此方法Firefox5.0尚不支持）：
#test{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
備注：首先需設置將文本強制在一行內顯示，然后將溢出的文本通過overflow:hidden截斷，并以text-overflow:ellipsis方式將截斷的文本顯示為省略號。
連續的長字符串自動換行：方法：#test{width:150px;word-wrap:break-word;}
備注：word-wrap的break-word值允許單詞內換行
【版權聲明】:本站內容來自于與互聯網(注明原創稿件除外),供訪客免費學習需要。如文章或圖像侵犯到您的權益，請及時告知，我們第一時間刪除處理！謝謝！
? 猜您喜歡
- 外貿建站
- 東南亞語種
- 小語種建站
- 外貿推廣系統
- 海外營銷系統
- 外貿網站建設
- 海外獨立站建設
- 海外推廣
- 獨立站
- 跨境電商
- 外貿獨立站
- google詢盤
- wordpress建站
- wordpress教程
- 獨立站教程
- wordpress翻譯插件
- 多語種獨立站
- SSL證書
- 外貿網站
- 網站建設
- wordpress獨立站
- Google谷歌
- 獨立站搭建
- GoogleAds
- 關鍵詞規劃師
- googleads推廣
- 網站轉化率低
- 獨立站轉化低wordpress翻譯插件
- 獨立站費用
- 獨立站需要多少錢
- 外貿獨立站費用清單
- wordpress插件
- Sopify
- Ueeshop
- SaaS建站
- WordPress外貿網站
- wordpress獨立站wordpress翻譯插件
- shopify
- 轉化率
- 跨境電商wordpress翻譯插件
? 網站建設知識
? SEO/SEM推廣
? 常見問題
