如何解决css和div样式设计的网页在ie浏览器和谷歌浏览器中兼容

html-css019

如何解决css和div样式设计的网页在ie浏览器和谷歌浏览器中兼容,第1张

一般来讲，兼容性问题在IE6下会比较明显。你做网页的时候，先写符合谷歌浏览器的样式。然后再写兼容IE的样式。写法比较简单，看到样式有出入的地方加个 * 星号就是兼容IE6的样式。例如： *margin-left:10px

在IE里可以实现，但是这几个属性只是IE才支持，chrome不支持。也就是说。chrome不认识这几个样式。如果要实现多浏览器的显示效果相同，就只能靠div+css模拟一个。要么就采用默认的

<a>标签是内联元素 本身不存在宽度 光设置宽度没有用

所以想变成可控的宽度必须有display:block

你的CSS里如果有这个<a>的display:block的修饰 那在前台可写

<a href="#" style="width:400pxoverflow:hidden">连接文字</a>

如果你CSS里<a>标签没有对他进行display:block那就在前台写

<a href="#" style=" display:blockwidth:400pxoverflow:hidden">连接文字</a>