首页 > 建站教程 > Div+Css >  css技巧一:div文字垂直居中问题正文

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

div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行。
Html代码:
<div>网站模板 www.5imoban.net</div>
Css代码:
<style type="text/css">
div{
    height:200px;
    vertical-align:middle;
    line-height:200px;
    white-space:nowrap; /*文字强制不换行。如果没有这句话,最好限制字长度,否则一旦字数过长,会撑高div*/
}
</style>