css中溢出英文不换行的方法

这篇文章主要介绍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中溢出英文不换行的方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！