label嵌套radio对齐方法

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>

 

posted @ 2023-09-21 15:42  全玉  阅读(133)  评论(0编辑  收藏  举报