不浮在同一直線上，如何解決CSS

<div> 
    <asp:CheckBox ID="chxSEN" runat="server" Text="Question" onchange="hideDiv('DIV')"/> 
    <div id="DIV" style="display:none"> 
    <asp:Label ID="lbl" runat="server" Text="Question 2" CssClass="lbl2"></asp:Label> 
    <asp:TextBox ID="lbl3" runat="server" CssClass="TextBox"></asp:TextBox> 
    </div> 
</div>

如果我的CSS類添加到div ID DIV浮動是正確的，它應該出現在同一行的複選框吧？不浮在同一直線上，如何解決CSS

其複選框問題下出現..

我查
（看起來是有休息）中的代碼，但沒有。

來源

2014-07-01 user2633207

有沒有小提琴？ –

請在執行ASP.NET代碼後分享HTML，可以試着用你寫的ASPX代碼和CSS詳細說明.. – Murtaza

您可以試試這樣的Demo。爲了演示目的，我使用了HTML表單控件。

CSS：

#DIV { 
    display:inline-block; 
} 
#chxSEN { 
    display:none; 
    float:left; 
    margin-right:10px; 
}

HTML：

<div> 
<input type="checkbox" ID="chxSEN" runat="server" Text="Question" /> 
<div id="DIV"> 
    <label>Test</label> 
    <input type="text" /> 
</div>

JS：

$(document).ready(function() { 
    $("#DIV").hide(); 
    $("#chxSEN").show(); 

    $('#chxSEN').click(function() { 
     $("#DIV").slideToggle(); 
    }); 

});

來源

2014-07-01 08:49:29

謝謝，我還挺喜歡slideToggle;）！ – user2633207

歡迎:) –

更改您的asp控件與html的小提琴示例。

HTML

<div> 
    <input type="checkbox" ID="chxSEN" runat="server" Text="Question" /> 
    <div id="DIV" style="display:none"> 
     <label ID="lbl" runat="server" Text="Question 2" CssClass="lbl2">test</label> 
     <input type="textbox" ID="lbl3" runat="server" CssClass="TextBox"></input> 
    </div> 
</div>

CSS

div > input, #lbl{ 
     float:left; 
    }

另外我創建了一個fiddle與整個溶液。

來源

2014-07-01 07:30:59

不浮在同一直線上，如何解決CSS

回答

相關問題