垂直对齐文本内部div没有行高

Question

我有这个代码：

<div style="height: 100px;">Text Go Here</div>

我希望在div中包含垂直对齐文本。 但我不想在下面使用行高：

<div style="height: 100px; line-height:100px;">I don't want to use line-heigh</div>

因为行高应该是：line-height：20px;

我怎么能这样做？！

tnx：）

Answer 1

处理它的最简单方法是将div视为表格单元格：

<div style="display: table-cell; height: 100px; vertical-align: middle;">Text Go Here</div>