Question

我正在使用jquery。

如果我有这样的字符串：

新しい世界へようこそ。

是否可以拍摄每个角色，将其垂直放置在div中，以便获得垂直字幕？

这样可以实现正确的格式化吗？（我不熟悉日语）

Answer 1

<p>新しい世界へようこそ。</p>

p { 
  -ms-writing-mode: tb-rl; 
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

http://jsfiddle.net/tenold/X78vC/1/

Answer 2

取自here。

 <div >こんいちわ 「1234」 １０月２０１４年</div>

div {
-ms-writing-mode: tb-rl; /* old syntax. IE */
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl; /* new syntax */
}

<强>更新

经过一些实验，我意识到指定text-direction并不是一个好主意。 Linux上的Chrome，侧面显示半宽拉丁字符，但全角字符直立。

在示例中，1234横向旋转，但１０月２０１４年垂直显示。不指定方向让浏览器做“正确的事”。

http://jsfiddle.net/X78vC/3/

Chrome似乎没有让你做一些有趣的事情，比如将2个半宽数字压在一条线上 - 我想知道连字是否可以解决这个问题。日语垂直书写的一些很好的例子是here。

日文字幕垂直对齐

2 个答案: