当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 关于td的height和line-height兼容问题

CSS样式表
跨浏览器的CSS3产生器:CSS3 please
YUICompressor:高效压缩CSS和JS代码的工具
收集国外47个令人瞠目结舌的CSS3动画演示
CSS教程:通配属性批量替换的方法
清理无用的CSS样式比较有用的几个工具
页面元素的对齐:阅读线路不清晰
15个滑动门效果CSS网页导航菜单设计教程
网页制作教程:弹出层详解
SEO实战:网页排名效果最好的标题写法
提高网站权重:提高网站PR和提高网站更新度
兼容浏览器的网页细线表格设计
CSS教程:CSS3新功能和新特性
CSS3模块的目前的状况
ie6普及的大环境下暂时不要考虑w3c标准
CSS技巧教程:让CSS代码更具有易维护性
控制first-letter伪类的背景

CSS样式表 中的 关于td的height和line-height兼容问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 35 ::
收藏到网摘: n/a

写页面的时候,遇到处理数据的时候还是要用TABLE的,但是有的时候显示出来table, ie和ff的高不同。

通过PS截屏得到的结论
当设置td{height:22px;} 时, 页面显示: ie是22px, ff是21px; 实践证明ie总会大2px,ff会少1px。
当设置td{line-height:22px} 时,页面显示: ie是24px; ff也是24px; 比实际的都大了2px,但是保持一致了。

大家也可以自己测一下。

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]