現在的位置: 首頁 > web前端 > 正文

溢出英文不換行

2020年07月21日 web前端 ⁄ 共 704字 ⁄ 字型大小 評論關閉

  英文溢出不換行而中文溢出會換行,因為中文一個字就是一個字元瀏覽器知道有多少個字元,而英文字母瀏覽器不知道整體是一個單詞還是由許多單片語成,就統一當成一個單詞處理所有就會溢出不換行了。


  溢出英文怎麼辦


  但是在英文裡面加了空格溢出就會換行了,因為你已經標識出來了哪幾個字母是組成一個單詞,無論兩個單詞之間寫多少個空格都是顯示一個空格,這裡空格是分隔符不代表空格文本


  word-break:break-all;


  中文漢字不會溢出,英文字母會溢出


  這個時候添加屬性


  word-break:break-all;


  溢出英文需要什麼屬性


  CSS3overflow-x屬性


  overflow-x屬性指定如果它溢出了元素的內容區是否剪輯左/右邊緣內容。


  提示:使用overflow-y屬性來判斷頂部和底部邊緣是否裁剪。


  默認值: visible


  繼承: no


  版本: CSS3


  JavaScript語法: object.style.overflowX="scroll"


  語法


  overflow-x:visible|hidden|scroll|auto|no-display|no-content;


  值 描述


  visible 不裁剪內容,可能會顯示在內容框之外。


  hidden 裁剪內容-不提供滾動機制。


  scroll 裁剪內容-提供滾動機制。


  auto 如果溢出框,則應該提供滾動機制。


  no-display 如果內容不適合內容框,則刪除整個框。


  no-content 如果內容不適合內容框,則隱藏整個內容。


  總之,溢出英文不換行給大家簡單的介紹了一些,希望大家多看看。


  

抱歉!評論已關閉.