CSS处理Html标签的width属性无效的解决办法

年纪大了,有些东西得写下来!哈哈!!!

问题:在浏览器兼容中,有些个HTML标签width 属性设定会无效,例如A、Span标签

解决:在相关标签CSS中,配合 width 属性值加入 display:inline-block; 属性。

若页面显示仍超出了设置的宽度,那就再加个 overflow:hidden;

如:span 样式写法:span { width:100px; display:inline-block; overflow:hidden; }

另外,还有说法是去掉网页首部的如下代码,haibor未做测试!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

参与评论

游客评论不支持回复他人评论内容,如需回复他人评论内容请
  • 徐晓晓

    呵呵,谢谢博主了~~~~~~~~~~~

    3年前 (2016-01-27)
    回复
    回复徐晓晓
  • 新中式风格

    哇~~~真的学习了 ,,。,多谢博主啊。。

    8年前 (2011-10-10)
    回复
  • 老五博客

    河南地区博客交流群66372837
    老五诚邀您的加入

    8年前 (2011-09-30)
    回复
    回复老五博客
  • haibor

    已经加入!

    8年前 (2011-09-30)
    回复
    回复haibor
  • 米多

    米多在学习CSS,没有遇到这些问题,不过先记下来,新版本的浏览器不会有这些问题把

    8年前 (2011-09-29)
    回复
    回复米多
  • haibor

    主要就是兼容问题!!

    8年前 (2011-09-30)
    回复
    回复haibor