<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认识这种东西.*/
想了解更多的话,百度之.