星期五 阴 3～9℃
链接按钮垂直居中（附：例子和说明）
标准下只要把 height 和 line-height 设置成一样就行，但是 ie6 和 ie9 下的表现不是这样。
这么处理：
- height 和 line-height 设置成一样，然后使用 ie 的 hack 处理 padding；
- 如果是中文的话，font-family 设置成宋体（发现在不同浏览器下，字体也有 1px 的影响）。
<style>
a { display:block; width:60px; height:12px; padding:4px 7px; _padding:5px 7px 3px; font:bold 12px/1 "simsun"; background:#ccc; }
:root a { padding:5px 7px 3px \9\0; } /* ie9 */
</style>
<a href="###">测试按钮</a>
发现 chrome 也能认 :root，所以另外再加了 \9\0
单数 line-height 出现的问题
今天遇到一个有意思的问题。
line-height: 1.1
当浏览器的滚动条滚动时，line-height 有时会呈现为 1，有时会呈现为 1.2 。
一般这么小的差别肉眼看不出来，但是正好是要在一个高度只有 20px 的小色块上，就看出来了。
在家健身(38)
- 仰卧起坐 50 * 2
友吧今天
- 启用 bbs.friends8.com
- 处理论坛 footer
发表评论