Google ブラウザのラベルと入力間のスペースに関する小さな問題
|
最初にコード、次にテキスト コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <title>無題のドキュメント</title> <スタイル> div {幅:500px; 高さ:500px; マージン:0 自動; 境界線:#000 実線 1px;} ラベル { display:inline-block; width:100px;border:#000 solid 1px;} 入力 { border:#000 solid 1px;} </スタイル> </head> <本文> <div> <p><label>アカウント</label><input type="text" /></p> <p><label>パスワード</label><input type="text" /></p> <p> <label>確認コード</label> <input type="text" /><img src="" width="100" height="20" /> </p> </div> </本文> </html> Googleを開くことの効果は次のとおりです  認証コードのラベルと入力の間隔が上の2つよりも明らかに広いです。認証コードの改行を削除して1行にしたら、3つの入力ボックスが揃いました。原因はまだ不明です。 PS: 以前、img と input は揃っていないと書きました。これらに vertical-align:middle を追加するだけです。 |
<<: ウェブサイト開発におけるフロントエンド開発者とアーティストの知識の違い
>>: Keepalived を使用して Nginx の自動再起動とデュアルアクティブ ホットスタンバイの高可用性を実現する方法について
推薦する
HTML の類似タグと属性の違いの詳細な説明
【1】<i></i>タグと<em></em>タグ同じ...
単一の Nginx IP アドレスに複数の SSL 証明書を設定する例
デフォルトでは、Nginx は IP アドレスごとに 1 つの SSL 証明書のみをサポートします。...
MySql が常に mySqlInstallerConsole ウィンドウをポップアップする問題の解決策
MySql は常に MySQLInstallerConsole.exe ウィンドウを定期的にポップア...
Windows で Nginx を使用して https サーバーとリバース プロキシを構成する際の問題
リクエストロジックフロントエンド --> https経由でnginxをリクエストnginx -...
画像のフェードインとフェードアウト効果を実現する js
この記事では、画像のフェードインとフェードアウトを実現するためのjsの具体的なコードを参考までに紹介...
CSS仕様 BEM CSSとOOCSSサンプルコード詳細説明
序文プロジェクト開発中、各人のコーディング習慣が異なるため、記述された CSS コードは十分に構造化...
Docker: /etc/default/docker の DOCKER_OPTS パラメータを変更しても反映されない
デフォルトでは、 /etc/default/docker 設定は有効になりません。docker 環境...
Dockerネットワーク作成に--subnetを追加した後の問題を解決する
Docker ネットワークの作成に –subnet を追加した後、docker network ls...
docker compose デプロイメントにおけるマスタースレーブレプリケーションの実装
目次構成解析サービス構築ディレクトリ構造ファイルを作成インスタンス構成サービスを開始するテストRed...
MySQL Limitクエリのパフォーマンスを向上させる方法
MySQL データベース操作では、一部のクエリを実行するときにデータベース エンジンが完全なテーブル...
MySQL InnoDB ストレージ エンジンの詳細
序文MySQL では、InnoDB はストレージ エンジン レイヤーに属し、プラグインとしてデータベ...
Linux 上でプライベート Git サーバーを構築するための詳細なチュートリアル
1. サーバーのセットアップリモート リポジトリは実際にはローカル リポジトリと何ら変わりなく、純粋...
XHTML 2.0 新機能プレビュー
<br />ブラウザが次世代のXHTMLを処理できるようになる前に、このよりリッチなコン...
MySQL に絵文字表現を挿入できない問題の解決方法
序文最近この問題に遭遇するまで、私は UTF-8 が文字セットの問題に対する普遍的な解決策だと考えて...
Apache ab を使用して HTTP パフォーマンス テストを実行する
MacにはApache環境が付属していますターミナルを開き、sudo apachectl -v と入...