如何用CSS一个一个地分开单词

Question

我想用css逐个单词不用<br />而没有width define并且没有ul li基本上我想用h2标签。

我想是这样的： -

患者
图
日历

明白我的尝试： -

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

任何人都可以做到这一点？ 感谢

Answer 1

你可以是一个有点哈克与在word-spacing属性：

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

Answer 2

您可以使用<p>段落标记喜欢这 -

<p> 
<h2 >Patient</h2> 
</p> 
<p> 
<h2 >Chart</h2> 
</p> 
<p> 
<h2 >Calendar</h2> 
</p> 

没有CSS需要.. :)

Answer 3

h2 { 
 
    word-spacing: 999999px; 
 
}

<h2>Patient Chart Calendar</h2>

Answer 4

或使用/ *非标准的WebKit */ 字突破：打破字;修改器：

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

Chrome，Safari和其他WebKit/Blink浏览器支持非正式的分词值。

见How to mimic word-break: break-word; for IE9, IE11 and Firefox上支持IE

Answer 5

PLZ尝试这个

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