HTML：當調整其容器大小

保持複選框和相關文字一起我有呈現複選框如下HTML：當調整其容器大小

Elements on same line

一個ASP.Net頁但是，當我重新大小的屏幕，控件都擠一起和複選框&他們相關的文本移動到不同的行，並沒有多大意義。

Elements on different line

我想知道是否有保持複選框在一起的方式。

繼承人的代碼：

<asp:Repeater ID="rpFiles" runat="server" DataSource='<%# Eval("Files") %>' OnPreRender="rpFiles_PreRender" > 
    <ItemTemplate> 
     <asp:PlaceHolder ID="phFile" runat="server"> 
     <asp:CheckBox ID="cbVisibility" AutoPostBack="false" runat="server" Text='<%# string.Format("{0} ({1})", Eval("FileName"), Eval("FileType").ToString().ToUpper()) %>' Checked='<%# !((bool)DataBinder.Eval(Container.DataItem, "IsHidden")) %>' /> 
       <asp:HiddenField ID="hfFileID" Value='<%# Eval("FileID") %>' runat="server" /> 
     </asp:PlaceHolder>        
    </ItemTemplate> 
</asp:Repeater>

來源

2012-05-17 Null Head

給一些代碼。 – 2012-05-17 04:18:11

發佈一些代碼。 –

感謝您的輸入人。嘗試在你的線上工作。 width和min-width不起作用，但div的想法很重要，+1。
我用這個代替

<asp:PlaceHolder ID="phFile" runat="server"> 
    <div style="display:inline-block; padding-right:15px"><asp:CheckBox ID=...

，並修復它。

來源

2012-05-18 02:43:32

假設你有代碼

<!--CheckboxCatering Order(PDF)--!>

然後更新您的代碼像

<div style="width:300px;"><!--checkboxCatering Order(PDF)--!></div>

這將解決您的問題

來源

2012-05-17 04:20:43

in'asp.net'他們不應該直接使用'input'標籤;相反，有一個名爲「CheckBox」或「CheckBoxList」的自定義控件。但是，在渲染時，它們只會呈現爲html控件。 – NaveenBhat

如果它是CheckBoxList那麼寬度必須以某種方式受到約束？設置固定寬度以防止崩潰。

<div style="min-width:600px;"> 
    <!-- check boxes -> 
</div>

請注意，這個寬度是任意的;玩它...

更新：現在，我看到你的標記，只需設置中繼器的寬度。

來源

2012-05-17 04:28:14 IrishChieftain

HTML：當調整其容器大小

回答

相關問題