为在asp.net 中动态创建的单选按钮保留一个位置？

Question

我正在创建水平放置的单选按钮，我根据某些条件显示一些而不显示其他按钮

如果我将可见设置为 false，则该位置将被下一个单选按钮占据， 有什么办法可以代替空间吗？

单选按钮的基本创建：（仅测试代码）

                    Dim rdButton As New RadioButton
                    rdButton.Text = "test"
                    rdButton.GroupName = "test2"
                    cell.Controls.Add(rdButton)
                    Dim rdButton2 As New RadioButton
                    rdButton2.Text = "test2"
                    rdButton2.GroupName = "test2"
                    rdButton2.Visible=False
                    cell.Controls.Add(rdButton2) 
                    Dim rdButton3 As New RadioButton
                    rdButton3.Text = "test"
                    rdButton3.GroupName = "test2"
                    cell.Controls.Add(rdButton3)

谢谢

Answer 1

您可以使用 CSS 类来隐藏单选按钮。为此，您可以执行类似的操作：

CSS：

.radio-spacer {
visibility: hidden;
}

ASP.Net 控件：

<asp:RadioButton ID="RadioButton1" Text="Blue" GroupName="Hats"
 runat="server" />
<asp:RadioButton CssClass="radio-spacer" ID="RadioButton2" Text="Purple" 
 GroupName="Hats" runat="server" />
<asp:RadioButton ID="RadioButton3" Text="Orange" GroupName="Hats"
 runat="server" />

或替代（仅 Html）：

<label>
<input type="radio" name="hatColour" value="blue" id="hatColour_0" />
Blue</label>
<label class="radio-spacer">
<input type="radio" name="hatColour" value="purple" id="hatColour_0" />
Purple</label>
<label>
<input type="radio" name="hatColour" value="orange" id="hatColour_1" />
Orange</label>

在上面的示例中，您将看到 2 个单选按钮（蓝色和橙色），并且您会看到紫色应该在的位置有一个分隔符。你可以测试一下here。