使用 div 的內聯單選按鈕

Question

我有下面的單選按鈕代碼。但是按鈕沒有顯示內聯。它是列出的格式。

我想在同一行中顯示它。如何修改它以便在同一行中顯示兩個圖標。

<div class="abcd" id="radioPanel">

                                    <div style="width:100%;" >
                                        <input type="radio">
                                        </input>
                                        <label for="selectId">abc</label>
                                    </div>

                                    <div style="width:100%;" >
                                    <input type="radio">
                                        </input>
                                        <label for="frId">asd</label>
                                    </div>
</div>

Answer 1

為什么不把它放在一個 div 中？

<div class="abcd" id="radioPanel">
   <div style="width:100%;" >
      <input type="radio"></input>
      <label for="selectId">abc</label>
      <input type="radio"></input>
      <label for="frId">asd</label>
   </div>
</div>

輸入的父元素是塊元素和 100% 寬度。或者您也可以使用更改 div 樣式而不是width:100%; 放置display:inline