我们怎样才能将两个单词分成不同的行? [重复]
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我们怎样才能将两个单词分成不同的行? [重复]相关的知识,希望对你有一定的参考价值。
这个问题在这里已有答案:
我有一个词'周一24'。在
Mon
24
到css中将它分成不同行的最佳方法是什么?
我尝试过使用word-break: break-all
但没有运气。 https://codepen.io/bbk_khadka/pen/zbVLEp
答案
将最大宽度设置为3个字符宽
.text {
max-width: 3ch;
}
https://codepen.io/anon/pen/jJjpKV
另一答案
word-break: break-all
不支持所有浏览器包装。我的建议是使用max-width
和table-caption
来包装。
.text {
display: block;
max-width: 40px;
}
<div class='text'>Mon 24<div>
以上是关于我们怎样才能将两个单词分成不同的行? [重复]的主要内容,如果未能解决你的问题,请参考以下文章