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 の自動再起動とデュアルアクティブ ホットスタンバイの高可用性を実現する方法について
![Linux ファイル管理コマンド例の分析 [表示、閲覧、統計など]](/upload/images/67cad978ce6d6.webp)
推薦する
Tik Tok サブスクリプション ボタンのアニメーション効果を実現する CSS
少し前にTik Tokを見ていて、フォローするときのボタンアニメーションがとても美しいと思ったのと、...
MySql のクラッシュとサービスの起動失敗の解決策
私は長い間PHPに触れてきましたが、インストール環境は非常に不慣れです。多くの問題に遭遇しました。B...
Ubuntu 20.04 オペレーティング システムの VMware インストール チュートリアル図
メモ: とにかく体験してみましょう。記録: NO.209この例の環境:仮想マシン: vmwareオペ...
nginx ロケーション優先度の詳細な説明
場所表現タイプ~ は大文字と小文字を区別して通常の一致を実行することを示します~*は大文字と小文字を...
MySQL マルチインスタンス インストール ブート自動起動サービス設定プロセス
1.MySQLの複数インスタンスMySQL マルチインスタンスとは、1 台以上のマシン上で複数の M...
HTML でのテキストエリアの使用と一般的な問題およびケース分析
textarea タグはよく使われる HTML タグです。主に長いテキストを入力するときに改行するた...
データベース復旧エラーの原因となる MySQL 文字セットの簡単な分析
MySQL の文字セットエンコーディングが正しくないデータをインポートすると、エラーが表示されます。...
MySQL フルテキスト インデックス、ジョイント インデックス、Like クエリ、JSON クエリのうち、どれが高速ですか?
目次クエリの背景1. クエリをいいね2. JSON関数クエリ3. 共同インデックスクエリ4. 全文イ...
docker を使用して Linux 環境に Springboot パッケージをデプロイするチュートリアル
springboot には tomcat サーバーが組み込まれているため、jar パッケージにパッケ...
床スクロール効果を実現する js
この記事ではjQueryを使用して、階段のスライド効果を実装し、フロアをスクロールし、フロアボタンを...
1 つの記事で React における Redux の初期の使用を理解する
Redux はデータ状態管理プラグインです。React や Vue を使用してコンポーネント化された...
純粋な CSS3 で実装された三目並べゲーム
操作効果: html <div class="三目並べ"> <...
画像のプリロードと遅延ロードを実装するJavaScript
この記事では、JavaScriptで画像のプリロードと遅延ロードを実装するための具体的なコードを参考...
jsのイベントオブジェクトを深く理解しましょう
JS でよく使用されるイベントは次の通りです。ページイベント: load;フォーカス イベント: フ...
MySQL 8.0.18 圧縮パッケージのインストールと忘れたパスワードのリセット時に遭遇する落とし穴
http://www.cppcns.com/shujuku/mysql/283231.html 8....