css技巧一：div文字垂直居中问题

div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行。
Html代码:

<div>网站模板 5.jimth.com</div>

Css代码：

<style type="text/css">
div{
    height:200px;
    vertical-align:middle;
    line-height:200px;
    white-space:nowrap; /*文字强制不换行。如果没有这句话，最好限制字长度，否则一旦字数过长，会撑高div*/
}
</style>