如何对齐Asp单选按钮元素的列表项？

Question

单选按钮之间的间隙具有固定的宽度，并且文本朝下。 asp:ListItem不允许使用div或label元素。我想根据文本设置asp:ListItem的宽度。我可以使用inspect source编辑宽度，但是我不知道如何在Visual Studio中为每个列表项赋予宽度。我是C＃的初学者，有人可以帮我怎么做吗？

<asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal"
                 OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
                    <asp:ListItem >Add</asp:ListItem>
                    <asp:ListItem>Clear all lines of code</asp:ListItem>
                    <asp:ListItem Selected="True">Do nothing</asp:ListItem>
                </asp:RadioButtonList>

Answer 1

您可以执行以下操作（注意，在RadioButtonList [不是ListItem]中添加了“ CssClass”）：

<asp:RadioButtonList ID="RadioButtonList1" runat="server" CssClass="myRadioList" RepeatDirection="Horizontal"
             OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
               <asp:ListItem >Add</asp:ListItem>
                <asp:ListItem>Clear all lines of code</asp:ListItem>
                <asp:ListItem Selected="True">Do nothing</asp:ListItem>
            </asp:RadioButtonList>

然后使用CSS：

.myRadioList input[type="radio"] { width: auto; }
.myRadioList label { font-weight:bold; width: auto; }

我不相信ASP.NET通常使用固定宽度的单选按钮列表。我认为您在某个位置设置了一些样式，这会强制宽度。也许是全局的“标签”或“输入”样式。

在不知道您的其他CSS外观的情况下，无法确定是否可以解决该问题。例如，如果您设置了最小宽度设置或其他设置，我相信仍然可以执行。您可以尝试添加min-width:0和可怕的!important规则（尽管这被认为是不好的做法），以迫使其成为所有人的全能统治者。