無法對齊單選按鈕列表

我無法將單選按鈕列表與上面的標籤左側對齊。這裏是代碼無法對齊單選按鈕列表

<div style="border-radius: 10px;"> 
     <div style="margin-bottom: 10px"></div> 
     <asp:Panel ID="panel" runat="server"> 
      <div style="padding-left: 10px" > 
       <asp:Label ID="lbl" runat="server" Text="Select criteria" /> 
       <asp:RadioButtonList ID="radio" runat="server" AutoPostBack="True" OnSelectedIndexChanged="radio_SelectedIndexChanged" RepeatDirection="Horizontal" /> 
       <asp:Label ID="lbl1" runat="server" Text="Value"></asp:Label> 
       <br /> 
       <asp:TextBox ID="txt" runat="server"></asp:TextBox> 
       <asp:Label ID="ScoreMethodLabel" runat="server" Text="Score"></asp:Label> 
       <asp:DropDownList ID="dropscore" runat="server" />&nbsp; 
      </div> 

     </asp:Panel> 
     <br/> 
    </div>

這裏的輸出我看到

你看到選項按鈕不exaxctly下面的文字叫「選擇標準」對準

來源

2016-01-06 Happy

右鍵單擊r adio按鈕，*檢查元素*（在chrome atleast上）並將鼠標懸停在檢查器面板中的元素上 - 然後檢查元素是否顯示橙色/紫色着色，如果爲真，則橙色表示邊距，紫色表示邊距填充。然後，您可以繼續並重置您的CSS – SidOfc

@SidneyLiebrand我看到橙色，但即使我添加了保證金，它不對齊 – Happy

@SidneyLiebrand當我打開使用F12的HTML。然後它呈現爲輸入類型=無線電，當我添加保證金：0，那麼它的作品。但不是當我直接添加財產保證金：0對asp：radiobuttonlist – Happy

嘗試margin:0

* { 
    margin: 0; 
    } 

input[type=radio] { 
     margin: 0; 
    }

來源

2016-01-06 11:23:21

does not make differenc – Happy

https://jsfiddle.net/qyvv1922/1/ –

我加入這樣 – Happy

無法對齊單選按鈕列表

回答

相關問題