发布网友 发布时间:2022-04-23 19:43
共5个回答
热心网友 时间:2022-04-20 12:57
CSS这样写:
.view-img { min-height:100px; _height:100px;
}
.view-img img { max-width:700px;min-width:700px;_width:expression(this.scrollWidth > 700 ? "700px" : (this.scrollWidth < 700? "700px" : "auto"));overflow:hidden; vertical-align:middle;
}
规范图片显示,最大最小都是700,可以解决你的问题!
热心网友 时间:2022-04-20 14:15
这种写法CSS写法真够蛋疼的, 看你的代码是要写图片自适应垂直居中. 建议用js实现.
<table><tr><td><img class="view-img"/><td>....</tr> ....</table>
给出mootools参考代码:
$("body").addEvent("domready",function(){
$$("view-img").each(function(el){
el.get("width")>el.get("height")?el.get("width")="700px":el.get("height")="700px";
});
如果不想引入js的话就用document.getElementId 配合 document.getElementbyTagname
获取图片数组,然后遍历更改.
热心网友 时间:2022-04-20 15:49
min-width、max-width兼容性确实不好,建议你用js去实现功能。
热心网友 时间:2022-04-20 17:41
IE6天生就不支持min-width和max-width这两个css属性。
热心网友 时间:2022-04-20 19:49
拜托,IE6还不支持这玩意儿,不过网上好像有通过JS控制的,你可以去看看。