asp.net CheckBoxList各項最小寬度CSS樣式(兼容性good)
更新時間：2013年04月21日 17:55:22 作者：
ASP.NET中，CheckBoxList里的選擇都是自動寬度的，屬性時沒有設(shè)置各項寬度的設(shè)置，在IE10、遨游4極速模式及兼容模式下均可正確顯示最小寬度，此樣式除了用于CheckBoxList外，也可用于DIV等
ASP.NET中，CheckBoxList里的選擇都是自動寬度的，屬性時沒有設(shè)置各項寬度的設(shè)置。
參考了一下網(wǎng)上的最小寬度樣式，
/* 最小寬度 */
.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等。
如果有發(fā)現(xiàn)其它瀏覽器不能顯示CheckBoxList選項最小寬度的，請通知我。
參考了一下網(wǎng)上的最小寬度樣式，
復(fù)制代碼 代碼如下:
/* 最小寬度 */
.min_width{min-width:300px;
/* sets max-width for IE */
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
}
寫成如下：
復(fù)制代碼 代碼如下:
<style>
.ckblstEffect td
{
min-width:80px;
_width:expression(document.body.clientWidth < 80 ? "80px" : "auto");
}
</style>
復(fù)制代碼 代碼如下:
<asp:CheckBoxList ID="ckblstEffect" runat="server" DataTextField="MC"
RepeatDirection="Horizontal" RepeatColumns="10" CssClass="ckblstEffect"
DataValueField="ID" ondatabound="ckblstEffect_DataBound">
</asp:CheckBoxList>
在遨游4兼容模式（IE7）下不起作用，仔細看樣式中的表達式，怎么看都覺得不對勁。
改成下面的樣式就可以了。
復(fù)制代碼 代碼如下:
<style>
.ckblstEffect td
{
min-width:80px;
width:expression(this.offsetWidth < 80 ? "80px" : "auto");
}
</style>
在IE10、遨游4極速模式及兼容模式下均可正確顯示最小寬度，此樣式除了用于CheckBoxList外，也可用于DIV等。
如果有發(fā)現(xiàn)其它瀏覽器不能顯示CheckBoxList選項最小寬度的，請通知我。
相關(guān)文章
ASP.NET MVC圖片上傳前預(yù)覽簡單實現(xiàn)
這篇文章主要介紹了ASP.NET MVC圖片上傳前預(yù)覽簡單實現(xiàn)代碼，可以獲取圖片文件名和圖片字節(jié)大小，感興趣的小伙伴們可以參考一下2016-05-05
昨天在一個Q群上面群主發(fā)了一個用ASP.NET實現(xiàn)驗證碼的demo，下載下來然后運行正常，頁面上的img標(biāo)簽成功調(diào)用了一個一般處理程序并顯示了中文的驗證碼圖片，雖然有點模糊，但是可見上面是四個中文，圖片背景為白色，背后有噪點線，邊框黑色。2010-12-12
如何傳值在2個頁面之間 要求不刷新父頁面，并且不能用Querystring傳值
通過Cookie，因為它既可以在服務(wù)器端對其進行操作，也可在客戶端對其進行操作但是缺點是不安全，而且有時客戶端會由于安全問題禁用Cookie！2008-12-12
前段時間做了個ymPrompt提示效果的驗證控件，ymPrompt是彈出提示的。彈出提示會增加無畏的鼠標(biāo)點擊動作。2010-09-09
ASP.NET數(shù)據(jù)綁定之DataList控件實戰(zhàn)篇
這篇文章主要為大家介紹了ASP.NET數(shù)據(jù)綁定中的DataList控件，DataList控件以表的形式呈現(xiàn)數(shù)據(jù)，通過該控件，您可以使用不同的布局來顯示數(shù)據(jù)記錄，對DataList控件感興趣的小伙伴們可以參考一下2016-01-01
SignalR Self Host+MVC等多端消息推送服務(wù)（一）
這篇文章主要為大家詳細介紹了SignalR Self Host+MVC等多端消息推送服務(wù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
ASP.NET2.0緩存(Cache)技術(shù)深入理解
緩存技術(shù)是ASP.NET2.0非常重要的一個特性,它提供了一種非常好的本地數(shù)據(jù)緩存機制，從而有效的提高數(shù)據(jù)訪問的性能2012-11-11
ASP.NET 實現(xiàn)驗證碼以及刷新驗證碼的小例子
這篇文章介紹了ASP.NET 實現(xiàn)驗證碼以及刷新驗證碼的小例子，有需要的朋友可以參考一下2013-10-10
asp.net?Core中同名服務(wù)注冊的實現(xiàn)代碼
Asp.Net?Core中自帶了容器，同時也可以使用AutoFac替換掉默認的容器，以下為兩種方式同名服務(wù)的注冊實現(xiàn)，對asp.net?Core服務(wù)注冊的實現(xiàn)代碼感興趣的朋友一起看看吧2022-03-03
這篇文章主要為大家詳細介紹了ASP.NET MVC3模板頁的使用，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-08-08