label嵌套radio对齐方法

发布时间 2023-09-21 15:47:02作者: 看风景就

1. 暂时使用flex和margin-top来对齐

<style>
    .rd{display:flex; align-items:center;}
    .rd input{margin-top:1px}
</style>
<div>
    <label class="rd"><input type="radio" value="1" name="gender" /> Male </label>
    <label class="rd"><input type="radio" value="2" name="gender" /> Female </label>
    <label class="rd"><input type="radio" value="3" name="gender" /> Other </label>
</div>