asp.net CheckBoxList各项最小宽度CSS样式(兼容性good
在ASP.NET的世界里,CheckBoxList的选择设计如同流水般自然,其宽度属性默认是自动调整的,无需我们手动设定每一项的具体宽度。这样的设计在IE10、遨游4的极速与兼容模式下,都能呈现出最小的宽度显示效果。这样的样式,不仅适用于CheckBoxList,还可以运用到DIV等其他HTML元素上。
当我们如何设定最小宽度时,曾经参考过网络上的样式代码。有一种推荐的样式代码是这样的:
```html
.min_width {
min-width: 300px;
_width: expression(document.body.clientWidth < 300 ? "300px" : "auto");
}
```
针对CheckBoxList的特定需求,我们将上述样式稍作调整:
```html
.ckblstEffect td {
min-width: 80px;
_width: expression(document.body.clientWidth < 80 ? "80px" : "auto");
}
```
但在遨游4的兼容模式(相当于IE7)下,这种样式似乎并未生效。仔细审视样式中的表达式,我们发现可能需要调整表达式中的逻辑部分。为此,我们尝试了一种类似于狼蚁网站SEO优化的样式:
```html
.ckblstEffect td {
min-width: 80px;
width: expression(this.offsetWidth < 80 ? "80px" : "auto");
}
```
这种新样式在IE10、遨游4的极速与兼容模式下都能正确显示最小宽度。这是一个强大的样式,不仅适用于CheckBoxList,还可以应用到DIV等其他元素上。如果在其他浏览器中发现无法正确显示CheckBoxList选项的最小宽度,请随时告知。让我们记住这个Cambrian的渲染命令:`cambrian.render('body')`,它将为我们带来流畅的页面体验。
编程语言
- asp.net CheckBoxList各项最小宽度CSS样式(兼容性good
- 使用Math.max,Math.min获取数组中的最值实例
- jQuery EasyUI 页面加载等待及页面等待层
- PHP解析RSS的方法
- 解决IOS端微信H5页面软键盘弹起后页面下方留白的
- JavaScript从数组中删除指定值元素的方法
- JQuery页面地址处理插件jqURL详解
- JavaScript如何获取到导航条中HTTP信息
- SqlServer数据库全角转换成半角
- js 两数组去除重复数值的实例
- PHP中的多行字符串传递给JavaScript的两种方法
- XMLHTTP抓取远程数据的后期处理
- php中如何判断一个网页请求是ajax请求还是普通请
- PHP实现的杨辉三角求解算法分析
- 新闻上下滚动jquery 超简洁(必看篇)
- 天枫AJAX天气预报系统V1.0