asp.net - HTML:在调整容器大小时将复选框和相关文本保持在一起

Question

我有一个 ASP.Net 页面，它呈现如下复选框

但是当我调整屏幕大小时，控件挤在一起，复选框及其关联的文本移动到不同的行中，这没有多大意义。

我想知道是否有办法将复选框保持在一起。

代码如下:

<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>

Answer 1

感谢您的意见。尝试在您的台词上工作。 width 和 min-width 不起作用，但 div 的想法很重要，为此 +1。
我用这个代替

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

然后修复它。