vertical-align は入力と画像の位置合わせを実装します

input と img を同じ行に配置します。img タグは常に input よりも 1 つ上にありますが、これは非常に見苦しいです。これまでに多くの方法を試しましたが、どれもうまくいきません。その後、Web サイトで最も検索されたのは、img に align="absmiddle" 属性を追加することでした。この方法は実現可能ですが、HTML 標準に準拠していません。その後、vertical-align:middle を input と img に同時に追加するだけで十分であることを偶然発見しました:

input,img{vertical-align:middle;}

このようにして、コードは水平に整列されます。

vertical-align を使用して入力と画像を整列させることに関するその他の記事については、PHP 中国語 Web サイトに注目してください。