温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

CSS怎么设置数字不换行

发布时间:2022-03-17 16:15:14 来源:亿速云 阅读:583 作者:iii 栏目:web开发

本文小编为大家详细介绍“CSS怎么设置数字不换行”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS怎么设置数字不换行”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

代码如下:

width: 200px; /* 必须定义宽度遵循需求设置,可设置装备摆设百分百 */ word-break: break-word; /* 文本行的任意字内断开 */ word-wrap: break-word; /* IE */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

需要胁迫换行的对象加上以上代码便可。真实兼任各大阅读器,思量几大浏览器兼容换行,设计陆续不空格的数字、字母太多后定格右侧不换行方式。

读到这里,这篇“CSS怎么设置数字不换行”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI