如何正确地将Div居中对齐?

4

我在正确居中我的网站方面遇到了问题。

当我缩小页面时,它似乎是居中的。但对于没有缩小页面的用户来说,它看起来不协调。有什么建议吗?该网站使用所有AP divs创建,即使尝试使用以下方法也无法正确居中:

<div align="center">

3
这段代码没有什么可挽救的了。你需要比一个单独的Stack Overflow线程提供更多的信息。尝试使用irc://irc.freenode.net/css。 - reisio
将所有内容放入一个公共的 div 中,并将其位置设置为相对定位,浮动和相应的边距,其他都没问题。 - Hussain Akhtar Wahid 'Ghouri'
3个回答

5

不行,因为他说过,他已经将所有元素都进行了绝对定位("AP")。 - reisio
只要您在一个包含块样式元素中使用 position: relative 包裹绝对定位的内容,就可以继续使用绝对定位。然后容器应该是您设置 margin: 0 auto 的元素。 - Jon Newmuis
你可以这样做,如果你不在意它不会有任何影响。 - reisio

-1

在我看来,你的设计不正确。你必须:

<body>
<div id="wrapper">
<div id="header">
from apdiv1 to 31
</div>
<div id="content">*/instead of blockquote*/
put content
</div>
<div id="footer">
put content</div>
</div>
</body>

使用CSS body{background-image:concrete bkg.jpg}

#wrapper{margin:0 auto}

更多更多... 敬礼


需要一个文档类型声明和一些其他东西。 - reisio

-1

在 CSS 中

添加属性

body
{
 text-align:center;
 margin:0 auto;
}

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接