コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML5ページを作成する際、CSSで「margin:0px,auto」を設定するとdivが中央に配置されないのはなぜですか? _html/css_WEB-ITnose

HTML5ページを作成する際、CSSで「margin:0px,auto」を設定するとdivが中央に配置されないのはなぜですか? _html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:51:59
オリジナル
1247 人が閲覧しました

HTML5ページを作成する際、CSSで「margin:0px,auto」を設定するとdivが中央に配置されないのはなぜですか？

HTML ページのコードは次のとおりです: 

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <link href="css/login.css" rel="stylesheet" />    <script src="js/LoadJs.js" type="text/javascript"></script></head><body>       <div class="Fu">             </div>    </form></body></html>
ログイン後にコピー


CSS ファイルのコードは次のとおりです: 
body {    background-color:rgba(241,244,245,80);    margin:0px;    padding:0px;    text-align:center;}.Fu {   margin:0px,auto;   padding:0px;   width:400px;   height:200px;   background-color:#FFF;   border:1px solid #000;}
ログイン後にコピー


Firefox、IE10、IE11 を使用して div を水平方向に中央揃えにできない原因と解決方法は何ですか。 ?


ディスカッションに返信 (解決策)

margin:0px auto;
space

margin:0px auto;
スペース



私はひざまずいています。本当にそうなんです！ずっと見ていて気づかなかった！結び目のポイント！
関連ラベル：
编写HTML5页面，CSS中设置"margin:0px auto"不能使div居中，请问是何原因？
ソース：php.cn
前の記事：知っておくべき CSS2.0 で最も一般的に使用される 18 のテクニック_html/css_WEB-ITnose 次の記事：Codeforces ラウンド #283 (ディビジョン 2) b_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
配列 JS 内の 52 枚の画像 私は IT Assistant 1 年を勉強しており、現在 JavaScriptHTML と CSS を使用してカード ゲームを作成する必要があります。私の質問は、52 枚のカード...
から 2024-03-30 21:14:49
0
1
272
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート