CSS图片自动适应大小防止表格被撑开或div层被撑开的多种方法css实现按比例限制图片的显示大小。css ie中最小(最大)高度(宽度) 的处理方法用CSS如何控制网页中图片自适应大小用CSS来控制图片显示大小用CSS控制图片自适应大小的方法
兼容IE、Firefox
img { max-width:200px; max-height:200px; } *html img { width: expression(this.width > 200 && this.width > this.height ? 200 : auto); height: expression(this.height > 200 ? 200 : auto); }
IE7 FF支持max-width/max-height,IE6不支持,FF不支持expression,IE支持。
2. expression例子
鼠标经过时改变颜色
input {star : expression(onmouseover=function(){this.style.backgroundColor=”#FF0000″},onmouseout=function(){this.style.backgroundColor=”#FFFFFF”}) } <a href=”link1.htm” onfocus=”this.blur()”>link1</a>去除链接虚框 img {margin-top: expression(( 150 - this.height ) / 2);}
图片在容器里垂直居中显示,150是容器高