在html中将radiobuttons一个放在另一个下面

Question

以下代码是注册表的一部分。我需要将radiobutton放在另一个之下。

<ul class="user">
    <li class="label">Status</li>
    <li class="field">
        <li class="field">
            <input class="radio" type="radio" name="radiobt" value="A" checked="checked" />
            Active                                        
        </li>
        <li class="field">
            <input  class ="radio" type="radio" name="radiobt" value="I"  />            
            Inactive                                        
        </li>                                                
    </li>
</ul>

Answer 1

首先将html更改为以下内容：

<ul class="user">
<li class="label">Status</li>
<li class="field">
    <ul>
        <li class="field">
            <input class="radio" type="radio" name="radiobt" value="A" checked="checked" />
            Active                                        
        </li>
        <li class="field">
            <input  class ="radio" type="radio" name="radiobt" value="I"  />            
            Inactive                                        
        </li>                                                
    </ul>
</li>

现在应用以下css将您的无线电按钮放在另一个之下：

ul.user > li > ul > li { display: block; }

希望它能解决你的问题。