居中对齐div图像可变宽度
居中对齐div图像可变宽度
提问于 2013-05-23 17:38:54
我已经找到了一些关于这方面的线程/常见问题解答，但建议的方法似乎都不适用于我，所以我不确定我的code....but是否有其他问题。示例可以在这里看到：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;
}而且它不在页面的中心。我在那里放了一个边框，只是为了让它所处的位置变得清晰。
我的另一个问题是顶部的导航栏-我试图将其居中，我将logo.png图像放在某个位置，但我试图将div框设置为1000像素宽，并位于页面的中心，其中包含内容。
最后，我知道我在这里要做的很多，我有一个宽度为100%的图像，我希望在这个图像下有内容，但是由于宽度根据他们的分辨率而变化，所以高度也是不同的，所以在内容的位置设置一个固定的数字是不可能的，因为不同的分辨率会有所不同。任何意见都将非常感谢，我一直在寻找一些方法来做到这一点，我知道这是可能的！
Stack Overflow用户
发布于 2013-05-23 18:28:23
因为你没有发布JSFiddle，所以我才走到这一步。
使div居中是因为您必须将html align:"center";放在div的名称后面。其次，要使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;
}当然，我也把对齐中心的东西也放进去了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16710460
复制相关文章
相似问题
腾讯云开发者
