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

将内容样式更改为

显示：内联；

于 2013-06-20T17:29:09.963 回答
0

您所要做的就是从css 选择器中删除float: left;和删除。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 回答