コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 入力と img_HTML/Xhtml_Web ページの生成を整列させるにはvertical-alignを使用します

入力と img_HTML/Xhtml_Web ページの生成を整列させるにはvertical-alignを使用します

WBOY
リリース： 2016-05-16 16:36:45
オリジナル
1235 人が閲覧しました

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


コードをコピー
コードは次のとおりです:

input,img{vertical-align:middle;}

このようにして、コードは水平に配置されます。
関連ラベル：
img input 位置合わせ
ソース：php.cn
前の記事：HTML_HTML/Xhtml_Web ページ制作におけるヘッダー構造 次の記事：HTML と CSS を使用して絵文字付きのコメント ボックスを作成する方法のチュートリアル_HTML/Xhtml_Web ページの作成
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
HTML テーブル内のオブジェクトのネストされた配列を反復して表示します ネストされたオブジェクトの配列を含む次の入力があります。 summary は親オブジェクト配列、run_type はネストされたオブジェクト配列です。 letinput={&quo...
から 2024-04-05 14:11:42
0
1
1373
React に入力の終了タグをレンダリングさせますか? 珍しいお願いがあります。私の Web サイトは React を使用して構築されており、公開 Web サイトの HTML を自分の React コンポーネントにコピーできるようにした...
から 2024-04-03 23:01:01
0
1
320
Shopware 6 プラグイン: ブール構成を削除して複数選択構成に移行する方法 現在、プラグインを通じて送信されたレビューを自動的に公開するブール型 reviewSkipModeration 値で構成されている Shopware6 プラグインがあります: co...
から 2024-04-03 23:09:28
0
1
410
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート