Question

我发现了一些关于此的线程/常见问题解答，但是没有一个建议似乎对我有用，所以我不确定我的代码是否还有其他内容......但是示例可以是看到这里： 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％的图像，我希望在此图像下有内容，但由于宽度因其分辨率而异，所以确定高度，因此在内容中放置固定数字是不可能的，因为它对于各种分辨率会有所不同。任何输入都会非常感激，我一直在寻找某种方式来做到这一点，我知道这是可能的！

Answer 1

既然你没有发布JSFiddle，我只能做到这一点。

使div居中是因为你必须在div的名字后输入html align:"center";。其次，要使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;
}

当然，我确实把对齐中心放在了它里面。

中心对齐div图像变量宽度

1 个答案: