html - 我怎样才能强制中断相同长度的单词？

Question

我有类似的文字（没有任何空格）

"abcdefgh",

我想使用 html & css 来改变样式，使它看起来像：

ab cd ef gh

有没有办法只用 html 和 css 来做到这一点？

文本总是像“abcdefgh”，不能使用 JavaScript 或手动拆分它。

谢谢你的帮助。

就像在 css 中一样，有一个属性叫做

work-spacing

但是有了这个属性，我的字符串中必须有“空格”。这对我来说不是一个好的解决方案。css中是否有任何属性可以使我的字符串达到一定长度？

就像中断长度等于 2 一样，我的字符串变成了“ab cd ef gh”。

Answer 1

Try something look like that:

<div>abcdefgh</div>

<style>
    div {
        width: 40px;
        letter-spacing:10;
        word-break: break-all;
    }
</style>

The result:
a b
c d
e f
g h