IE6下最大宽度最小宽度最大高度和最小高度
CSS2.0中有四个属性是设置元素最大宽度、最小宽度、最大高度和最小高度的,它们分别是:max-width、min-width、max-height和min-height。使用它们,可以方便为元素设定最大、最小宽度和高度。
但是,万恶的IE6竟然不支持它。所以我们只能对IE6另外寻找方法了,本文使用的方法是expression。代码如下:
最小??度
.min_width{min-width:300px;
/* sets max-width for IE */
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
}
最大??度
.max_width{
max-width:600px;
/* sets max-width for IE */
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}
最小高度
.min_height{
min-height:200px;
/* sets min-height for IE */
_height:expression(this.scrollHeight < 200 ? "200px" : "auto");
}
最大高度
.max_height{
max-height:400px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 400 ? "400px" : "auto");
}
最大最小??度
.min_and_max_width{
min-width:300px;
max-width:600px;
/* sets min-width & max-width for IE */
_width: expression(
document.body.clientWidth < 300 ? "300px" :
( document.body.clientWidth > 600 ? "600px" : "auto")
);
}
最大最小高度
.min_and_max_height{
min-height:200px;
max-height:400px;
/* sets min-height & max-height for IE */
_height: expression(
this.scrollHeight < 200 ? "200px" :
( this.scrollHeight > 400 ? "400px" : "auto")
);
}
解释一下代码中的expression:expression是微软为IE5.0版本以后的浏览器加入到一个属性,用来把CSS属性和JavaScript 表达式关联起来。简单的说就是CSS属性后面可以跟一段JavaScript表达式。上面的例子就是通过JavaScript表达式计算出元素的最大、最 小宽度和高度的值,然后赋予CSS。
相关文章
java 画pdf用itext调整表格宽度、自定义各个列宽的方法
这篇文章主要介绍了java 画pdf用itext调整表格宽度、自定义各个列宽的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-01-31- 这篇文章主要介绍了Vue 自适应高度表格的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-05-14
- 本篇文章主要介绍了c#获取字符串宽度的示例代码(字节数方法)。需要的朋友可以过来参考下,希望对大家有所帮助...2020-06-25
IE6-IE9使用JSON、table.innerHTML所引发的问题
这篇文章主要介绍了IE6-IE9使用JSON、table.innerHTML所引发的问题 ,需要的朋友可以参考下...2015-12-24- 这篇文章主要介绍了解决Echarts 显示隐藏后宽度高度变小的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-19
- 下面小编就为大家带来一篇Query常用DIV操作获取和设置长度宽度的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-10-03
- 下面小编就为大家带来一篇js获取Html元素的实际宽度高度的方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-05-20
jQuery javascript获得网页的高度与宽度的实现代码
下面小编就为大家带来一篇jQuery javascript获得网页的高度与宽度的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考...2016-04-27总结几种解决子级div应float浮动让父级div高度不能自适应的办法【菜鸟收藏】
现在是我还在菜鸟时遇到的子DIV css float浮动引起的父级div不能自适应高度时,收藏的几个解决办法,希望对新手有所帮助。 解决子级对象使用css float浮动 而父级div...2016-09-14- 在php中要获取图片的高与宽度,php自身带有一个函数getimagesize,他会返回一个数组,数组下标1为图片高度,数组下标0一宽度哦。 //you do not need to alter these fun...2016-11-25
- 这篇文章主要介绍了BootStrap表单宽度设置方法,仅仅是小编日常遇到问题记录,写的不好还请见谅,需要的朋友可以参考下...2017-03-13
- 本文章来为各位介绍一篇关于IE6下最大宽度最小宽度最大高度和最小高度的例子,希望能够对各位带来帮助,虽然说ie6目前几乎已经不使用了。 CSS2.0中有四个属性是设置...2016-09-14
- 这篇文章主要介绍了解决iView Table组件宽度只变大不变小的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-13
- 这篇文章主要介绍了C++实现读取图片长度和宽度,本文直接给出实现代码,需要的朋友可以参考下...2020-04-25
- 这篇文章主要介绍EasyUI高度自适应的问题,比较实用,需要的朋友可以参考下。...2016-06-12
- 这篇文章主要介绍了vue下的elementui轮播图自适应高度问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2022-09-21
- 控制密码输入框与文本输框高度 <label> <input name="textfield" type="text" value="右边这个上下距离比这个高呢" size="50" maxlength="50"> </label> <inp...2016-09-20
- 这篇文章主要介绍了VC取得任务栏高度的方法,需要的朋友可以参考下...2020-04-25
- 下面小编就为大家带来一篇js获取页面及个元素高度、宽度的代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考...2016-04-27
- 通常用GridView绑定datatable,由于需要动态绑定到不同的datatable所以需要动态调整GridView的宽度。写了这个函数实现该功能...2020-06-25