如何用CSS逐个分隔单词

Question

我希望在没有<br />且没有width定义且没有ul li的情况下使用CSS逐个创建单词，基本上我想使用h2标记。

我想要输出： -

病人
图
日历

看看我尝试了什么： -

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

任何人都可以做到吗？ 感谢

Answer 1

你可能对word-spacing属性有点不高兴：

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

Answer 2

h2 {
  word-spacing: 999999px;
}

<h2>Patient Chart Calendar</h2>

Answer 3

您可以使用此{ - 1}}段落标记 -

<p>

不需要CSS .. :)

Answer 4

或者使用/ *非标准版WebKit * /      断言：断言;改性剂：

<p style="word-break: break-word">
<h2 style="word-break: break-word">

Chrome，Safari和其他WebKit / Blink浏览器支持非官方的破解字值。

有关IE的支持，请参阅How to mimic word-break: break-word; for IE9, IE11 and Firefox

Answer 5

Plz试试这个

＆＃13;

＆＃13;

<h2 style="display: table-caption;">Patient Chart Calendar</h2>

＆＃13;

＆＃13;

＆＃13;