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