この Web サイトではフローティング タグを使用しています。 コードを少し変更して、入力と選択を 1 行にまとめました。 Edge バージョン 114.0.1823.67 と Chrome バージョン 114.0.5735.199 では、ベースラインの垂直位置が異なります。 Firefox バージョン 115.0 では、ベースラインの垂直位置は同じになります。 コード:
リーリー リーリー
vertical-position:bottom で解決しようとしましたが、残念ながら成功しませんでした。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
select挑戦的なスタイルで有名。そうは言っても、パディングを変更しました - ブラウザー固有のスタイルを行う必要がある場合もありますが、ここではパディングを変更しただけです:padding: 1.225em 0;FWIW 私は脳が物事を処理しやすくするためにemを使用しています。更新: X と Y の配置でラベルとフィールドを行の同じ位置に配置するため、一連のグリッドを使用する完全に異なる代替案。行/列に名前を付けて使用していることに注目してください。 一部のラッパーとクラス (CSS を変更せずに要素タイプを変更できるように、CSS スタイルで要素タグを使用するのは好きではありません)