コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 入力テキストボックスとimg検証コードの位置合わせの問題(imgは常に入力より頭一つ高い)_HTML/Xhtml_Webページ制作

入力テキストボックスとimg検証コードの位置合わせの問題(imgは常に入力より頭一つ高い)_HTML/Xhtml_Webページ制作

WBOY
リリース： 2016-05-16 16:40:01
オリジナル
1415 人が閲覧しました

Web ページ制作では、input と img が同じ行に配置されることがよくありますが、img タグは常に input よりも上位にありますが、これは非常に見苦しいです。

CCS で input と img の水平方向の配置を実現する方法
input と img に同時にvertical-align:middle を追加するだけです。コードは次のとおりです。

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

input,img {vertical-align:middle;}
関連ラベル：
位置合わせ テキストボックス 検証コード
ソース：php.cn
前の記事：HTML空間コードの簡単な分析_HTML/Xhtml_Webページ制作 次の記事：HTML_HTML/Xhtml_Web ページ制作における CSS の 3 つの一般的なスタイル セレクター
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
MySQL: 「<ここの変数またはサブクエリ> として...からテキストを選択します」 次のデータを含む次のテーブルがあります: id text language 1 german text german 2 english text english 私が望むのは、次...
から 2024-04-06 19:25:54
0
2
529
Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか? Webアプリケーションを開発しています。 Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか?私はセマンティック バージョニングを使用しており、...
から 2024-04-06 19:13:16
0
2
476
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート