html - 如何用CSS将单词一个一个分开

Question

我想在没有 <br /> 的情况下使用 CSS 一个一个地制作单词没有 width定义和不定义 ul li基本上我想与 h2 一起使用标签。

我想要这样的输出:-

病人
图表
日历

看看我尝试了什么:-

<h2 style="word-break: break-all; ">Patient Chart Calendar</h2>

有人能做到吗？谢谢

Answer 1

您可以对 word-spacing 属性有点 hacky:

<h2 style="word-spacing: 100vw;">Patient Chart Calendar</h2>