“风讯4.05”实战第十三天:样式应用注意事项两则

当指定A标记为块并用背景替换文字时,常常要设定块大小(比如常见的“更多”)。在IE下这个时候容易出现问题:当A中的字比块大时,块将被撑大。FOX下没这个问题。解决方法:单独为A设置溢出隐藏,或者将A的字体设置得够小,小到不足以撑破块。

修正一个重要误解:网上流传的不换行自动加省略号的样式代码存在重大缺陷。那段代码中使用了标签来防止换行。这个标签是微软专用标签,不是HTML的标准标签。其实在样式中设定“不换行”也是一样的。原来我以为设置了溢出,IE就自动会加省略号。事实不是这样,他使用了一个MS专用样式“text-overflow:ellipsis”。只要这个标签有宽度,设置了溢出隐藏,再加上这个溢出的样式设定,就能产生省略号效果了。

一个测试了N久发现的IE/FOX兼容问题:在带时间的新闻列表中一般用

  • 包含完成左右对齐。实际效果中IE总是要多出四个像素的行间距离,只有设置了左浮动,两者效果才能统一。为这个问题忙活了3-4个小时。

    做到目前的地步,回想一下起初在手外网站应用标准的困难和女子医院的排版失误,其根结都在不懂得使用“清除”,一味的浮动,结果造成了FOX下的严重排版故障。 “清除”非常非常重要,不懂它,就不懂CSS排版。仔细想想,这个经验似乎也是《CSS禅意花园》中看来的。

  • 发表评论

    邮箱地址不会被公开。 必填项已用*标注