这篇文章主要介绍css中溢出英文不换行的方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
英文溢出不换行而中文溢出会换行，因为中文一个字就是一个字符浏览器知道有多少个字符，而英文字母浏览器不知道整体是一个单词还是由许多单词组成，就统一当成一个单词处理所有就会溢出不换行了。
溢出英文怎么办
但是在英文里面加了空格溢出就会换行了，因为你已经标识出来了哪几个字母是组成一个单词，无论两个单词之间写多少个空格都是显示一个空格，这里空格是分隔符不代表空格文本
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 如果内容不适合内容框，则隐藏整个内容。
以上是“css中溢出英文不换行的方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
