请问运用css的min-width怎么兼容IE7?

html-css0151

请问运用css的min-width怎么兼容IE7?,第1张

利用css hack实现,具体代码如下:

<div style="border:5px solid #f00display:inline-block*display:inlinezoom:1min-width:220pxpadding:12px">

最小宽度,最小宽度,最小宽度,最小宽度,最小宽度

</div>

代码说明:

1、min-width:220px;本身在ie7下是不起作用的(不兼容),通过display:inline-block让其他非IE7浏览器实现min-width效果;

2、但是ie7没实现display:inline-block(不兼容)

3、引入css hack代码:*display:inline,即可实现IE7min-width:220px。

<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>

这个CSS的盒子模型的解释的问题.

这个盒子包括.margin->padding-width,可以参考下面的图.

如果要想兼容的话,在对待ie6时可以用这个的一个hack

width:180px/* 这个对于其它的按标准来的浏览器有用*/

w\idth:200px/* 只有ie认识这种东西.*/

想了解更多的话,百度之.