HTML で margin:0 auto を使用するとページ全体が中央に配置されない問題の解決方法

HTML で margin:0 auto を使用するとページ全体が中央に配置されない問題の解決方法
今日、jsp ページを書きました。<div style="margin:0 auto">123xxx</div> を調整してみましたが、ページが中央に表示されませんでした。また、他のスタイルでも説明できない問題が発生しました。

その後、私はこの問題の解決策を見つけました。

L-Blog はデフォルトで HTML の前に DTD を追加しないため、IE はドキュメントを XHTML ではなく HTML として解釈することが判明しました。
問題は CSS ではなく、XHTML ページ自体にあります。
上記の設定を有効にするには、次のコードを追加する必要があります。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

より厳密な XHTML 1.0 Strict または XHTML 1.1 が必要な場合は、関連するドキュメントを参照してください。
上記のテストは、Windows XP SP2 上の IE6 および FireFox 1.0 最終バージョンに基づいています。

ページで CSS スタイルを使用する必要がある場合は、この行を削除しないことをお勧めします。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<<:  MySQL テーブルパーティションの使用法と基本原理の詳細な説明

>>:  JavaScript 開発における標準コミットメッセージの重要性の詳細な説明

推薦する

Linux IO 多重化 epoll ネットワーク プログラミング

序文この章では、基本的な Linux 関数と epoll 呼び出しを使用して、Linux 上で実行で...

React 手書きタブ切り替え問題

親ファイル React をインポートし、{useState} を 'react' か...

JavaScript のアンチシェイクとスロットリングの違いと実装

目次1. 手ぶれ補正2. スロットリング3. まとめ序文:フロントエンド開発者には、次の 2 つの要...

Nginx を使用して DoNetCore を Alibaba Cloud にデプロイする方法

基本的な環境設定まずはご自身でドメイン名とサーバーを購入してくださいクラウドサーバーECSに基づいて...

axiosリクエストをvueでカプセル化する方法

実際、Vueでaxiosをカプセル化するのは非常に簡単ですまず、srcパスにhttpフォルダを作成し...

tbodyタグの魔法はテーブルコンテンツの表示を高速化します

他の人のウェブページを保存して見たことがあると思いますが、特にdwで開くと、多くのウェブページに&l...

MySQL インデックスの使用方法 (単一列インデックスと複数列インデックス)

1. 単一列インデックスどの列にインデックスを作成するかを選択することは、パフォーマンス最適化プロ...

MySQLデータ内の多数の改行と復帰に対する解決策

目次問題を見つける1. 改行と復帰を削除する方法2. SELECTクエリで「改行と復帰」を無視する方...

CSS3を使用してトランジションとアニメーション効果を実現する

JS アニメーションの代わりに CSS アニメーションを使用する必要があるのはなぜですか? Java...

border-radiusは要素に丸い境界線を追加する方法です

border-radius:10px; /* すべての角は半径 10px で丸められます*/ bor...

MySQL の遅いクエリ操作の例の分析 [有効化、テスト、確認など]

この記事では、MySQL のスロー クエリ操作について例を挙げて説明します。ご参考までに、詳細は以下...

MySQL における datetime と timestamp の違いと選択

目次1 違い1.1 スペース占有1.2 表現範囲1.3 タイムゾーン2 テスト3つの選択肢MySQL...

CSSを使用してHTMLテキストボックス内のテキストの垂直方向の中央を制御する

Text の height 属性が定義されている場合、Text に入力されたテキストは垂直方向に中央...

Linux における nohup と & の使い方と違いの詳細な説明

例:例として、Python コード loop_hello.py を使用します。このコードは、ループ回...

Linux でアップロードされたファイルのスケジュールされたバックアップと増分バックアップを実装する方法

導入Alibaba Cloud のような OSS ストレージ サービスを使用している場合は、サービス...