コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 助けを求めている初心者: なぜ中央に表示できないのですか? _html/css_WEB-ITnose

助けを求めている初心者: なぜ中央に表示できないのですか? _html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:08:22
オリジナル
1100 人が閲覧しました

CSS コードは次のとおりです:

body{ margin:0; text-align:center;}
div#heard{background:url(images/hd.gif) no-repeat; }
div #pagebody{ 背景:url(images/content.gif) 繰り返しなし; パディング:0 15px; }
div#footer{ 背景:url(images/ft.gif) 繰り返しなし; :100px; :padding-top:30px;}

HMTL は次のとおりです:



<タイトル
;



開くと左揃えになっていますが、どこが間違っているのでしょうか？




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

* { margin: 0 auto;
} 

<!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"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>实例</title>    <style>        body        {            text-align: center;        }        div#main        {            margin-right: auto;            margin-left: auto;            width: 400px;            vertical-align: middle;            line-height: 200px;        }        div#heard        {            background: url(images/1.jpg) no-repeat;            height: 132px;        }        div#pagebody        {            background: url(images/1.jpg) no-repeat;            height: 538px;        }        div#footer        {            background: url(images/1.jpg) no-repeat;            height: 100px;        }    </style></head><body>    <div id='main'>        <div id="heard">        </div>        <div id="pagebody">        </div>        <div id="footer">        </div>    </div></body></html>
ログイン後にコピー


  body        {            text-align: center;        }
ログイン後にコピー

関連ラベル：
新手求救：为什么不能居中显示啊！
ソース：php.cn
前の記事：JS と CSS の専門家、DIV_html/css_WEB-ITnose で半透明性と完全な透明性の両方を実現する方法を教えてください。 次の記事：質問する_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
phpを使用してカートに追加 製品をカートに追加したいのですが、セッションを使用して新しい製品をカートに追加していますが、データベースで「左結合」を使用すると、手動でコマンドを入力しても結果が返されない理由がわ...
から 2024-04-01 22:48:05
0
1
277
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート