ホームページ ウェブフロントエンド CSSチュートリアル css:margin:0 auto は Ie8 では中央に配置できません

css:margin:0 auto は Ie8 では中央に配置できません

Jul 21, 2017 pm 01:43 PM
auto margin

今日、 margin:0 auto; を使用して属性を定義し、中央に配置する div を作成しましたが、無効であることが判明しました。
最初はCSSのコードの競合かと思い、何度か確認しましたが、問題ないことがわかり、FirefoxとGoogle Chromeでテストしたところ、中央に配置されていることがわかりました。 。 。
ブラウザの互換性の問題のようです 私はwin7を使用しているのですが、IEがIE8にアップグレードされていることが問題のようです。百度。 。 。 。

解決策は以下にコピーされます:
IE6、7、Firefoxでセンタリングを実現するには、margin:autoを使用するのが一般的ですが、IE8ではこれだけでは十分ではありません。現在、2 つの解決策が提供されています:

方法 1 (推奨):

まず、ドキュメント タイプをページの上部に設定する必要があります:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd">
ログイン後にコピー

、先頭に追加する必要があります:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 即可!
ログイン後にコピー


方法 2:

Body settings {text-align :center;width:100%;}
すべての div を

に含め、ラップは次のように設定します:

 #wrap    
 { 
 text-align:left; 
 width:***;  
 margin:0 
 auto; 
  }
ログイン後にコピー

そして head に追加します:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
ログイン後にコピー

それでおしまい!

方法 3:

を使用して、2 番目のラップレイヤーを置き換えます。

以上がcss:margin:0 auto は Ie8 では中央に配置できませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

CSS ボーダー プロパティの詳細な説明: パディング、マージン、ボーダー CSS ボーダー プロパティの詳細な説明: パディング、マージン、ボーダー Oct 21, 2023 am 11:07 AM

CSS ボーダー プロパティの詳細説明: パディング、マージン、ボーダーCSS は、Web ページ要素の制御とレイアウトに使用されるスタイル シート言語です。 Web デザインにおいて、ボーダー属性は最も重要な部分の 1 つです。この記事では、CSSのborder属性の使い方と具体的なコード例を詳しく紹介します。 padding padding プロパティは、要素のパディング (要素のコンテンツと要素の境界線の間のスペース) を設定するために使用されます。正の数値またはパーセンテージ値を使用してパディングを設定できます

CSSでのマージンとは何ですか CSSでのマージンとは何ですか Dec 18, 2023 am 10:30 AM

CSS では、margin は要素の外側のマージンを設定するために使用されるプロパティです。マージンは、要素の境界線とそのコンテンツの間のスペースです。マージンは次の値を受け入れることができます: 1. 単一の値: たとえば、margin: 10px; 4 つのマージン (上、右、下、左) をすべて 10 ピクセルに設定します; 2. 2 つの値: たとえば、margin: 10px 20px;上下のマージンを 10 ピクセル、左右のマージンを 20 ピクセルに設定します (値は 3、4 など)。

ポルシェのリークはEVボクスターとケイマンが早ければ2025年10月にもガソリンモデルに置き換わる可能性を示唆 ポルシェのリークはEVボクスターとケイマンが早ければ2025年10月にもガソリンモデルに置き換わる可能性を示唆 Jun 15, 2024 pm 04:02 PM

私たちは以前、今後発売される電動ポルシェボクスターのファンのリークについて報告しており、ポルシェは以前、2030年までに販売の80%をEVにすることにコミットしており、通常のガソリンエンジンとともに電動ボクスターとケイマンモデルも導入されることを確認した。

CSS テキスト レイアウト プロパティの詳細な説明: テキスト オーバーフローと空白 CSS テキスト レイアウト プロパティの詳細な説明: テキスト オーバーフローと空白 Oct 20, 2023 am 11:19 AM

CSS のテキスト レイアウト プロパティの詳細説明: テキスト オーバーフローとホワイト スペース Web デザインにおいて、テキスト レイアウトは非常に重要な要素であり、合理的なレイアウトにより、テキストはより読みやすく、美しくなります。 CSS には、テキスト オーバーフローや空白など、テキストの表示方法を制御するいくつかのプロパティが用意されています。この記事では、これら 2 つのプロパティの使用法とサンプル コードについて詳しく説明します。 1. text-overflow 属性テキスト

AUTOってどんなコイン? AUTOってどんなコイン? Feb 22, 2024 pm 09:40 PM

オートコインとは何ですか? AUTO コインは Autonio エコシステムのネイティブ トークンであり、暗号通貨としてユーザーに分散型取引と自動取引サービスを提供することを目的としています。 Autonio プラットフォームはブロックチェーン技術に基づいており、スマートコントラクトを通じてインテリジェントなトランザクションを実現し、より効率的で安全なトランザクションエクスペリエンスをユーザーに提供します。 Autonio エコシステム Autonio エコシステムは Autonio Foundation によって開発され、分散型の方法で自動取引および投資ツールを提供し、ユーザーが取引戦略を最適化し、より高い利益を達成できるように支援することを目的としています。このエコシステムには、AUTO トークン、スマート コントラクト、取引ロボット、Autonio 取引プラットフォームが統合されています。 Autonio の目標は、

HTMLにおけるマージンとはどういう意味ですか HTMLにおけるマージンとはどういう意味ですか Sep 13, 2021 pm 04:26 PM

HTML では、マージンは「マージン」を意味し、要素の境界線を囲む空白領域を指します。マージンを設定すると、要素の外側に追加の「空白」が作成され、ボックス間に「空白」の距離ができるようになります。マージンを設定するには、CSS margin プロパティを使用する必要があります。このプロパティは、任意の長さ単位、パーセント値、さらには負の値も受け入れます。

margin 属性はインライン要素には影響しません margin 属性はインライン要素には影響しません Feb 18, 2024 pm 04:36 PM

インライン要素に対するマージンの影響は、ブロックレベル要素の影響とは異なります。インライン要素では、margin 属性は垂直方向の上下のマージンにのみ影響し、水平方向の左右のマージンには影響しません。たとえば、HTML に段落要素がある場合、それにいくつかのスタイルを設定し、その要素に対する margin 属性の効果を観察できます。 HTML コードは次のようになります。

CSSファイルの余白とはどういう意味ですか? CSSファイルの余白とはどういう意味ですか? Jan 30, 2023 am 09:34 AM

CSS ファイルのマージンは、要素の周囲のスペースを定義するために使用される CSS 属性です。マージンは外側のマージンを表します。要素の上下左右のマージンを個別に変更することも、すべての属性を一度に変更することもできます。 margin 属性は、任意の長さ単位、パーセンテージ値、さらには負の値も受け入れます。

See all articles