コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTML で margin:0 auto を使用してページ全体が中央に配置されないようにする解決策の例

高洛峰
リリース： 2017-03-06 16:09:20
オリジナル
2614 人が閲覧しました

今日、私は JSP ページを作成しています。

123xxx
を調整する必要があります。この属性をどのように調整しても、ページを次のようにすることができません。

後でこの問題の解決策を見つけました。

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

<!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">
ログイン後にコピー
ログイン後にコピー

その他の例HTML で margin:0 auto を使用する場合の解決策の例では、ページ全体が中央に配置されません。関連記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル：
HTML 页面居中
ソース：php.cn
前の記事：入力テキストボックスの長さを内容に応じて変更する方法の紹介 次の記事：htmlのテキスト折り返し解析例（html画像とテキストの混在配置）
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
から 2024-04-06 20:22:15
0
1
454
クリア後​​も自分のファイル入力の値が残る スクリーンショットでわかるように。ファイルを選択し、ページを更新せずにポップアップを保持し、再度開くと、ファイル入力は選択したファイルのままです。 <inputid=&quo...
から 2024-04-06 15:44:52
0
1
384
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
window.open() と data を使用して計算ドキュメントを開きます: スキーム 計算された HTML ドキュメントを生成するブラウザーで実行される Web ページがあり、それを新しいブラウザー タブで開きたいと考えています。シンプルで汚い方法は、これを行うこと...
から 2024-04-06 15:06:34
0
1
378
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート