none
請問如何設定 css RRS feed

  • 問題

  • 我有一個2欄的Table, 用 BootStrap 做, 第一欄為標題, 第2欄為內容

    程式碼大致如下

    <div class="row">
                <div class="col-md-2" >
                    <asp:Label ID="lblHeader1" runat="server" Text="TestHeader1"></asp:Label>
                </div>
                <div class="col-md-10">
                    <asp:Label ID="lblContent1" runat="server"></asp:Label>
                </div>
    </div>
    <div class="row">
                <div class="col-md-2" >
                    <asp:Label ID="lblHeader2" runat="server" Text="TestHeader2"></asp:Label>
                </div>
                <div class="col-md-10">
                    <asp:Label ID="lblContent2" runat="server"></asp:Label>
                </div>
    </div>


    lblContent1 與 lblContent2 的內容由 *.asp.cs 內提供,

    我目前的 Css設定, 會造成下圖狀況

    也就是當第2欄為空時, 就會沒有顏色, 我有用F12去看  , 是產生了一個空值的 <span>

    請問如何設定 css , 使lblContent內容不論是否為空時,均有底色且長度一致, 謝謝
    2017年6月7日 上午 01:50

解答

所有回覆

  • Hi MIS110,

    可以請問一下您目前css 是怎麼設定的嗎?

    因為如果您 lblContent1 與 lblContent2 套用一樣的css的話,

    照理說應該要達到一樣的效果,

    依據您的狀況,

    css 有可能被覆蓋或沒套用到,

    那如果 lblContent2 不為空時,

    會出現和lblContent1 一樣的長度與底色嗎?



    請記得將對您有幫助的回覆"標示為解答"以幫助其他尋找解答及參與社群討論的朋友們。

     

    Please remember to click Mark as Answer on the post that helps you.
    This can be beneficial to other community members reading the thread.

    2017年6月7日 上午 02:18
  • 我的lblContent1 , lblContent2 是套用同一個 CSS  CLASS , 用 F12 去看, 

    是放在 <div class="col-md-10 dataStyle"> 內, 

    用 F12 看也有套到 <div> 內, 但是當空值時, <span> 內不會有內容, 

    也曾試著˙將該 class 用 Cssclass 的屬性 , 放到 

    <asp:Label ID="lblContent2" runat="server"></asp:Label> 內, 

    但是都沒法達到需求

    以下再將 F12 看到的內容貼上 (顏色部分有做一些調整)

    <div class="row">
                <div class="col-md-2 labelStyle" >
                    <span id="lblHeader1">TestHeader1</span>
                </div>
                <div class="col-md-10 dataStyle">
                    <span id="lblContent1">MS. LEE & </span>
                </div>
    </div>
    <div class="row">
                <div class="col-md-2 labelStyle" >
                    <span id=lblHeader2">TestHeader2</span>
                </div>
               <div class="col-md-10 dataStyle">
                    <span id="lblContent2"></span>
                </div>
    </div>

    用 F12 看到的 <div class="col-md-10 dataStyle"> 如下2圖 

     

    用 F12 看到的<span id="lblContent1">MS. LEE & </span> 與 <span id="lblContent2"></span> 均相同, 如下圖

    • 已編輯 MIS110 2017年6月7日 上午 03:17
    2017年6月7日 上午 02:40
  • 說真的用web form的元件硬要配合前端BootStrap 寫起來會非常卡,因為你永遠不知道那些web form的元件會不會突然間改版時,改了其它的html,就像你現在看到的空白是span,哪一天.net freamwork一改版,說不定就變成空的div

    span元素是inline,當它裡面沒東西時,不會佔用頁面任何空間,不佔空間就設定不了style,建議你改成別的元素例如div,不要用label


    微軟免費線上課程

    HTML5 & JavaScript程式開發實戰(MyBook)

    開發ASP.NET您要瞭解的基楚

    http://www.dotblogs.com.tw/ian (MyBlog)

    • 已標示為解答 MIS110 2017年6月7日 上午 05:37
    2017年6月7日 上午 04:20
    版主
  • 感謝提醒 , span元素是inline
    2017年6月7日 上午 05:38