1

我有一个 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>
4

3 回答 3

4

感谢您的输入。尝试在您的线路上工作。width并且min-width没有工作，但这个想法div很重要，为此+1。
我改用了这个

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

这解决了它。

于 2012-05-18T02:43:32.683 回答
2

假设你有代码

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

然后更新您的代码

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

它会解决你的问题

于 2012-05-17T04:20:43.697 回答
2

如果它是 CheckBoxList 那么宽度必须以某种方式受到限制？设置固定宽度以防止折叠。

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

请注意，这个宽度是任意的；玩弄它...

更新：现在我看到了你的标记，只需在中继器上设置一个宽度。

于 2012-05-17T04:28:14.477 回答