英文溢出不換行而中文溢出會換行,因為中文一個字就是一個字元瀏覽器知道有多少個字元,而英文字母瀏覽器不知道整體是一個單詞還是由許多單片語成,就統一當成一個單詞處理所有就會溢出不換行了。
溢出英文怎麼辦
但是在英文裡面加了空格溢出就會換行了,因為你已經標識出來了哪幾個字母是組成一個單詞,無論兩個單詞之間寫多少個空格都是顯示一個空格,這裡空格是分隔符不代表空格文本
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 如果內容不適合內容框,則隱藏整個內容。
總之,溢出英文不換行給大家簡單的介紹了一些,希望大家多看看。