asp.net CheckBoxList各項(xiàng)最小寬度CSS樣式(兼容性good)_.Net教程

      編輯Tag賺U幣

      推薦:asp.net url重寫(xiě)的好處與方法
      asp.net url重寫(xiě)的好處與方法,需要的朋友可以參考一下

      ASP.NET中,CheckBoxList里的選擇都是自動(dòng)寬度的,屬性時(shí)沒(méi)有設(shè)置各項(xiàng)寬度的設(shè)置。
      參考了一下網(wǎng)上的最小寬度樣式,
      復(fù)制代碼 代碼如下:www.wf0088.com

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

      寫(xiě)成如下:
      復(fù)制代碼 代碼如下:www.wf0088.com

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

      復(fù)制代碼 代碼如下:www.wf0088.com

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

      在遨游4兼容模式(IE7)下不起作用,仔細(xì)看樣式中的表達(dá)式,怎么看都覺(jué)得不對(duì)勁。
      改成下面的樣式就可以了。
      復(fù)制代碼 代碼如下:www.wf0088.com

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

      在IE10、遨游4極速模式及兼容模式下均可正確顯示最小寬度,此樣式除了用于CheckBoxList外,也可用于DIV等。

      如果有發(fā)現(xiàn)其它瀏覽器不能顯示CheckBoxList選項(xiàng)最小寬度的,請(qǐng)通知我。

      分享:asp.net form驗(yàn)證
      讀書(shū)時(shí)最常用判斷登陸的就是登陸時(shí)用cookie或session存儲(chǔ),然后每個(gè)頁(yè)面判斷是否登陸。 這樣做每個(gè)頁(yè)面都要判斷很麻煩。 畢業(yè)半年了,這半年學(xué)會(huì)了用類(lèi),重寫(xiě)事件OnLoad()來(lái),這樣每個(gè)頁(yè)面繼承這個(gè)類(lèi)!這個(gè)類(lèi)里可以判斷是否登陸,判斷權(quán)限等等一些操作 可是如果只有登

      來(lái)源:模板無(wú)憂//所屬分類(lèi):.Net教程/更新時(shí)間:2013-04-22
      相關(guān).Net教程