在DIV里怎么用CSS控制该DIV内一行字的纵向对齐方式?

Question

<div style="height:100px;">
逍遥图吧
</div>
怎么让中间的汉字纵向居中对齐呢?像HTML里的valign=middle一样?

Answer 1

1、选中要对齐的DIV。

2、点击右侧CSS选项卡下的添加属性，如下图

3、在新添加属性名称下选择：line-height，

4、中间的数值框内填上数字，这个数值必须要和这个DIV的height属性值一样，才能使文字纵向居中，

5、第三个框中选择px。确认

6、或者直接在代码视图下的div中的style样式中添加line-height:100px，使这个DIV的行距line-height值与高度height值相等就可以实现垂直居中。

Answer 2

如果是纯粹文字,那极其简单:
<div style="height:100px;line-height:100px;text-align:center;">
逍遥图吧
</div>