1

我找到了一些关于此的主题/常见问题解答，但建议的内容似乎都不适合我，所以我不确定我的代码是否还有其他问题....但是可以在此处看到示例： http://www.503rephotography.com/_temp/

这是页面的 div 内容部分的代码：

div#content
 {
position:absolute;
top:550px;
width:90%;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
border:1px solid;
margin: 0px auto;
display:table-cell;
font-family:PaloAltoHeavy, Verdana;
font-size:1.4em;
}

并且它不在页面的中心。我在上面放了一个边框，只是为了让它在哪里很明显。

我的另一个问题是顶部的导航 div - 我试图让它居中，并且我将 logo.png 图像放在某个位置，但我试图使 div 框宽 1000 像素并且在页面的中心，其中包含内容。

最后，我知道我要在这里做很多事情，我有一个宽度为 100% 的图像，我想在这个图像下有内容，但是由于宽度取决于它们的分辨率，所以高度也是，因此不可能为内容的位置设置一个固定数字，因为它对于各种分辨率会有所不同。任何输入将不胜感激，我一直在寻找某种方法来做到这一点，我知道这是可能的！

4

1 回答 1

0

由于您没有发布 JSFiddle，所以我只做到了这一点。

align:"center";使 div 居中是因为您必须在 div 的名称之后放入 html 。其次，要使 div 完全位于中间，您可以将其Left:auto;设为Right:auto;

我将 div 的宽度设置为 100%，以便在中间轻松放置，如下所示：

div#content {
position: absolute;
top: 550px;
width: 100%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
border: 1px solid;
margin: 0px auto;
display: table-cell;
font-family: PaloAltoHeavy, Verdana;
font-size: 1.4em;
}

当然，我也确实将对齐中心的东西放在里面。

于 2013-05-23T10:28:22.957 回答