如何在自动换行中排列字母？

Question

这是我考虑制作垂直文字的最佳方式。

如何让“ello”与“h”对齐？

http://codepen.io/anon/pen/vxaoaw

<p>Hello</p>

p {
width: 0.5em;
font-size: 5em;
word-wrap: break-word;  
}

Answer 1

您将宽度设置为段落标记，添加文本对齐中心并添加略高于0.5em的宽度。

＆＃13;

＆＃13;

p {
width: 0.7em;
font-size: 5em;
word-wrap: break-word;
text-align: center;
letter-spacing: 7px;
}

＆＃13;

<p>Hello</p>

＆＃13;

＆＃13;

＆＃13;

这是你追求的吗？

Answer 2

如果你试图将字符与字母“H”对齐，那么下面的方法就可以了。 text-align: center;会将字符置于其分配的空间中。

p {
  width: 0.5em;
  font-size: 5em;
  word-wrap: break-word;
  text-align: center;
}

<p>Hello</p>

有关text-align媒体资源的详情，请参阅here。

Answer 3

尝试以下代码

socket_read

css代码

<p>Hello</p>

Demo

Answer 4

这取决于您的字体选择。

查看演示：https://jsfiddle.net/97odgsgr/1/

p {
width: 0.5em;
font-size: 5em;
text-align: center;
word-break: break-all;
}