css技巧一：div文字垂直居中问题
- 作者：网页模板
- 类型：文章教程
- 点击次数：
- 发布时间：2014-04-02 09:29
div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行。
Html代码:
(责任编辑：网页模板)
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>
(责任编辑：网页模板)
- 本文标签：
- css文字垂直居中
