Question

我的网站上有一个问题，我的网站的一个div是对齐的左边但是我必须让它出现在网页的中间，无论屏幕尺寸是多少。这是实时链接：

 http://m.greatofficiants.com

我需要在页面中间对标题内容进行对齐。

Answer 1

你需要用

包装它

margin: 0 auto;

或

margin-left: auto;
margin-right: auto;

此link将向您详细解释如何正确执行此操作。

Answer 2

响应式网站的首要基础是完全错误的......

您需要构建100％而不是px

所以如果你有一个填充和宽度

就像

padding:2%;
width:96%;

在您的网站足够好之前，洞穴网站应该建在这个庄园中 - 然后你开始集中项目

修改 *

请注意，您的网站内可能有宽度为...的对象但是，您网站的主框架应严格建立百分比 ......

如果你想要一个宽度为320px fx的div。这是手机的最低宽度因此，请说明对象的宽度，然后添加边距：0 auto;

修改 **

所以在你的情况下你要添加

width:100%;

到身体和包装那么你所有的文字包装应该是在之前解释的相同庄园（填充可能会有所不同），具体取决于你的网站，但我发现2％作为一个良好的保证金

padding:2%;
width:96%;

修改 *

最后我发现你有IE样式表，你不需要在制作移动网站时只需3个额外的通话，从长远来看会使你的网站变慢

按照这个link有一个好的板块来解决..它是一个样板，它使yoru站点更快，并且有所有正确的脚本和css文件出来

Answer 3

试试这个：

.header {
  width:1000px; /* what ever size you want*/
  margin-left:auto;
  margin-right:auto;
}

Answer 4

<div class="social">
  <p style="text-align: center;">
    <a href="http://m.greatofficiants.com"><img src="http://m.greatofficiants.com/wp-content/themes/twentyeleven/images/logo3.png"/></a>
    <div class="im2"><p style="font-size:12px; font-weight:bold;">Toll Free (855) Wed-Vows</p></div><br />
    <div class="im1"><p style="font-size:12px; font-weight:bold;"> Local (562) 435-4000</p></div>
  </p>
</div>

Answer 5

你必须取消你的float:left for .social并加上margin:0 auto;和宽度：x％和text-align:center会为这个类加分。我想你也可能需要重新调整.social的一些子元素。

如何在响应式网站中对齐div

5 个答案: