国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

使用word-wrap來防止文字溢出

2024-07-11 08:30:02
字體:
來源:轉載
供稿:網友

DIV中明明限制了寬度 ,但是輸入aaaaaaaaaaa...等卻不會自動換行,檢查了一通沒發現問題,原來是(連續的字母會當作一個單詞處理), 外國人看認為一個單詞不應該換行,以下給出的解決方法:
  word-break:break-all 和 word-wrap:break-word

  word-break:break-all和word-wrap:break-word經常用來解決長字符串換行問題。

  經過一系列測試后,發現word-break:break-all在IE6/7/chrome/safari為一派,表現為尾部截斷,而ff3.0/opera表現為無效。既過長單詞換行顯示,然后溢出邊界。

  word-wrap:break-word;在IE6/7/chrome/safari為一派 表現為長單詞換行,再顯示不下才裁切。而ff3.0/opera也表現為無效

  顯然word-wrap:break-word;要更符合用戶體驗,word-break:break-all則可以忽略了,外國人不喜歡把英文單詞切開來看。而針對于ff3.0和opera則只能用overflow-x:hidden隱藏了(ff3.5已經支持此屬性)。

  所以這里建議

XML/HTML Code復制內容到剪貼板
  1.   word-wrap:break-word;overflow-x:hidden;width:500px;  
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 贡嘎县| 特克斯县| 鹤峰县| 桐柏县| 阿鲁科尔沁旗| 呼伦贝尔市| 章丘市| 依安县| 景泰县| 当阳市| 灵台县| 阳曲县| 大余县| 和平县| 益阳市| 旺苍县| 宁都县| 泉州市| 鄂托克前旗| 威宁| 武隆县| 西平县| 嘉峪关市| 长垣县| 德令哈市| 南川市| 昌都县| 旬阳县| 桓台县| 蒲城县| 张家港市| 永仁县| 英德市| 鹿邑县| 桂东县| 武邑县| 理塘县| 浦城县| 天全县| 清苑县| 怀来县|