このCSSなら簡単！フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置

フォームの実装で面倒なのがフォーム要素とテキストを揃える、特にチェックボックス・ラジオボタンとテキストをベースラインに揃えることです。 flexboxでalign-item: baseline;を使用すると、チェックボックス・ラジオボタンとテキストを揃えるのは簡単に実装できます。複数行のテキストにも対応します。 <div class="flex-demo --start checkbox-input"> <label for="demo"><b>flex-start</b> 複数行の長いテキストでも大丈夫</label> <input type="checkbox" id="demo"> </div> <div class="flex-demo --center checkbox-input"> <label for="demo2"><b>center</b> 複数行の長いテキストでも大丈

[coliss]

チェックボックス・ラジオボタンとテキストをベースラインに揃えるのは、CSS flexboxを使うと簡単。

[kkeisuke]

"align-items: baseline;"

[tsuki-rs]

baselineよく使う。

[Shinwiki]

こうまでしないとその程度のこともできない欠陥規格