这篇文章主要介绍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中溢出英文不换行的方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！
当前标题：css中溢出英文不换行的方法-创新互联
转载源于：
http://cdkjz.cn/article/ddhjjg.html
