JavaScript相关(二)( 六 )

问题症状:几个img标签放在一起的时候 , 有些浏览器会有默认的间距 , 加了问题一中提到的通配符也不起作用 。

碰到几率:20%

解决方案:使用float属性为img布局

备注:因为img标签是行内属性标签 , 所以只要不超出容器宽度 , img标签都会排在一行里 , 但是部分浏览器的img标签之间会有个间距 。 去掉这个间距使用float是正道 。 (我的一个学生使用负margin , 虽然能解决 , 但负margin本身就是容易引起浏览器兼容问题的用法 , 所以我禁止他们使用)

浏览器兼容问题六:标签最低高度设置min-height不兼容

问题症状:因为min-height本身就是一个不兼容的CSS属性 , 所以设置min-height时不能很好的被各个浏览器兼容

碰到几率:5%

解决方案:如果我们要设置一个标签的最小高度200px , 需要进行的设置为:{min-height:200px; height:auto !important; height:200px; overflow:visible;

推荐阅读