CSS纵向居中问题
2007-03-14 14:43 | Filed Under Html/JS/CSS |
.topline {
height: 26px;
display: block;
background-color: #A7D5EC;
}
height: 26px;
display: block;
background-color: #A7D5EC;
}
<div class="topline">
<p>用户登录</p>
</div>
<p>用户登录</p>
</div>
像上面的例子，“用户登录”几个字怎么也不能纵向居中，后来google到了一篇文章，原来只要设置line-height就可以了。
.topline {
height: 26px;
display: block;
background-color: #A7D5EC;
line-height: 26px;
}
height: 26px;
display: block;
background-color: #A7D5EC;
line-height: 26px;
}
今天还纠正了自己的一个大错误，就是“26px”和“26 px”的区别，带空格的写法是错误的，FF下无法被识别
标签：css, 居中相关日志
