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

Question

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

如果我将 visible 设置为 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 个单选按钮（蓝色和橙色），并且您将看到紫色应该所在的间隔符。您可以在此处进行测试。