如何垂直显示<h1>元素（新行上的每个字符）

Question

我有一个h1元素，看起来像这样：

但我希望输出看起来像这样：

我们有没有办法在HTML5中实现它？ CSS3？ JavaScript的？ JQuery的？ 请告诉我。谢谢。

Answer 1

根据@Ethyl的要求，我将此作为答案发布

您可以使用word-wrap CSS属性。您为width媒体资源设置了一个小break-word和word-wrap。检查这个小提琴http://jsfiddle.net/1eje4uu4/。

<强> HTML

<h1>Hello</h1>

<强> CSS

h1 {
    width: 5px;
    word-wrap: break-word;
}

我无法告诉你这个选项有多可靠，但这只是一种方法。

Answer 2

您可以在<BR>内使用<H1>。

＆＃13;

＆＃13;

<H1>H<BR>e<BR>l<BR>l<BR>o</H1>

＆＃13;

＆＃13;

＆＃13;

Answer 3

<h1>H<br>E<br>L<br>L<br>O</h1>

输出

ħ
Ë
大号
大号
0

Answer 4

使用此jQuery：

$('h1').html($('h1').html().split('').join('<br>'))

工作example

**这适用于动态文本。请使用动态data

进行检查