• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    asp.net CheckBoxList各项最小宽度CSS样式(兼容性good)
    ASP.NET中,CheckBoxList里的选择都是自动宽度的,属性时没有设置各项宽度的设置。
    参考了一下网上的最小宽度样式,
    复制代码 代码如下:

    /* 最小寬度 */
    .min_width{min-width:300px;
    /* sets max-width for IE */
    _width:expression(document.body.clientWidth 300 ? "300px" : "auto");
    }

    写成如下:
    复制代码 代码如下:

    style>
    .ckblstEffect td
    {
    min-width:80px;
    _width:expression(document.body.clientWidth 80 ? "80px" : "auto");
    }
    /style>

    复制代码 代码如下:

    asp:CheckBoxList ID="ckblstEffect" runat="server" DataTextField="MC"
    RepeatDirection="Horizontal" RepeatColumns="10" CssClass="ckblstEffect"
    DataValueField="ID" ondatabound="ckblstEffect_DataBound">
    /asp:CheckBoxList>

    在遨游4兼容模式(IE7)下不起作用,仔细看样式中的表达式,怎么看都觉得不对劲。
    改成下面的样式就可以了。
    复制代码 代码如下:

    style>
    .ckblstEffect td
    {
    min-width:80px;
    width:expression(this.offsetWidth 80 ? "80px" : "auto");
    }
    /style>

    在IE10、遨游4极速模式及兼容模式下均可正确显示最小宽度,此样式除了用于CheckBoxList外,也可用于DIV等。

    如果有发现其它浏览器不能显示CheckBoxList选项最小宽度的,请通知我。
    您可能感兴趣的文章:
    • layui表格checkbox选择全选样式及功能的实例
    • jQuery实现自定义checkbox和radio样式
    • android开发教程之自定义控件checkbox的样式示例
    • CheckBoxList多选样式jquery、C#获取选择项
    • 利用JavaScript更改input中radio和checkbox样式
    • 控制input的CSS但不影响CheckBox以及Radio的样式
    • 用图片替换checkbox原始样式并实现同样的功能
    上一篇:asp.net在iframe中弹出信息并执行跳转问题探讨
    下一篇:asp.net url重写的好处与方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    asp.net CheckBoxList各项最小宽度CSS样式(兼容性good) asp.net,CheckBoxList,各项,最小,