本文小编为大家详细介绍“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怎么设置数字不换行”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。