0

だから私は課題のためにウェブサイトをやっていて、何らかの理由でウェブサイトのコンテンツを揃えることができないようです. シンプルなレイアウトです。サイドバーなどのない純粋なコンテンツです。コンテンツの HTML は次のとおりです。 

     <!-- Begin Content Column -->
     <div id="content">

          <img src="img8.png" style="width: 460px; height: 100px;" alt="pokemon">
          <br>Pokemon:
          The First Movie 
          <br>Soundtracks

     </div>
     <!-- End Content Column -->

CSS は次のとおりです。

body {
background: black;
font-family: Trajan Pro,Arial, Helvetica, sans-serif;
font-size: 28px;
text-align: center;
background-image: url('img2.jpg');
background-repeat: repeat-x;
background-position: bottom center;
background-size: 460px 300px; 

}

#content { 
float: left;
color: #333;
border: 1px solid #ccc;
background: transparent;
margin: 0 auto;
height: 1024px;
width: 460px;
display: inline;

}

よろしくお願いします。フェード効果のようにコンテンツの画像を背景の画像に合わせようとしていますが、コンテンツを中央に配置できません。

4

4 に答える 4

0

CSS セレクターからfloat: left;andを削除するだけです。display: inline;#content

于 2013-06-20T17:26:41.110 に答える
0

から削除float:left;し#contentて追加display:block;します。それはそれを中心に置くべきです。

于 2013-06-20T17:26:50.843 に答える
0

CSS #content から以下を削除します。

display: inline;
float: left;
于 2013-06-20T17:27:16.373 に答える
0

コンテンツのスタイルを

表示:インライン;

于 2013-06-20T17:29:09.963 に答える