javascript - 縦書きテキストを縦中央に配置

Question

いくつかの縦書きのテキストがあり、それらの div 内で垂直方向に中央揃えすることができません。例を次に示します: http://jsfiddle.net/hThGb/2657/

3 つの div (2 つのオレンジと 1 つの赤) を参照してください。div 内のテキストは垂直方向に中央揃えされていないため、テキストが div の外に漏れています。

私は試してみましvertical-align: middleたが、それは何もしません。

div内の垂直テキストを垂直方向に中央揃えするにはどうすればよいですか?

Answer 1

缶内にテキストをboxes1 行で入力する場合は、line-heightプロパティを使用して縦に並べることができます。

使用line-height:(height of the container)

JS Fiddle Demo

Answer 2

#chat ここで適用されたように、これをフレックスボックスで簡単に行うことができます。