入力と画像を揃えるためにvertical-alignを使用します
|
input と img を同じ行に配置すると、img タグが常に input より 1 つ上になり、非常に見苦しくなります。これまでいろいろな方法を試してきましたが、どれも効果がありませんでした。その後、Web サイトで見つけた最も一般的な解決策は、img に align="absmiddle" 属性を追加することでした。この方法は実行可能であるように思われますが、HTML 標準に準拠していません。その後、input と img の両方に vertical-align:middle を追加すると機能することを偶然発見しました。 コードをコピー コードは次のとおりです。入力、画像{垂直配置:中央;} こうすることで、コードは水平に揃えられます。 |
<<: Ubuntu 14.04 に FTP サーバーをインストールするための実装手順
推薦する
伝説的な VUE 構文シュガーは何をするのでしょうか?
目次1. 糖衣構文とは何ですか? 2. VUE の構文糖とは何ですか? 1. 最も一般的な構文シュガ...
JavaScript ウェブページ入門開発詳細説明
パート3: ❤バックエンドデータ受信を見落とす3つの方法❤ (おすすめ集)パート 2: Web フォ...
HTML 要素 (タグ) とその使用法
a : ハイパーリンクの開始位置または宛先位置を示します。頭字語: 単語の最初の文字からなる略語を示...
Vant アップローダーは、画像をアップロードするためのドラッグ アンド ドロップ機能を実装します (カバーとして設定)
効果図は以下のとおりです。 <!DOCTYPE html> <html lang=...
MySQL シリーズ 11 ログ
チュートリアルシリーズMySQL シリーズ: MySQL リレーショナル データベースの基本概念My...
TypeScript でオブジェクト キーの値の範囲を制限する方法
TypeScript を使用する場合、TypeScript が提供する型システムを使用してコードのあ...
Typescriptを使用してWeChatミニプログラムでプロジェクトを作成する方法
プロジェクトを作成するWeChat開発者ツールでプロジェクトを作成し、言語でTypeScriptを選...
MySQL 結合クエリ構文と例
接続クエリ:これは、2 つのクエリ (またはテーブル) の各行をペアで接続した結果です。つまり、1 ...
ウェブサイトをより高く、よりデザイン的に見せる方法
「ウェブサイトを高級感のあるものにするにはどうすればいいでしょうか？ それともデザイン重視にすればい...
HTML 名 ID とクラスの違い_PowerNode Java アカデミー
名前タグの名前を指定します。形式 <input type="text" n...
VMWare 仮想マシン 15.X LAN ネットワーク構成チュートリアル図
最近、分散型およびビッグデータ技術について学ぶために、いくつかの仮想マシンに取り組んでいます。まず、...
CSS の両端揃えを実現する div+css レイアウトの 4 つの方法の概要
2 端揃えを実現する div+css レイアウトは、Web ページの組版でよく使用されます。この記事...
MySQL: MySQL 関数
1. 組み込み関数1. 数学関数ランド()丸め(数値) ceil(数値)階数(数値)ランダム丸め切り...
Vue+express+Socketでチャット機能を実現
この記事では、チャット機能を実現するためのVue+express+Socketの具体的なコードを参考...
MySQL クエリ ステートメントのプロセスと EXPLAIN ステートメントの基本概念とその最適化
ウェブサイトやサービスのパフォーマンスは、データベースの設計（適切な言語開発フレームワークを選択した...