-2

我的网站有一个问题，即我网站的一个 div 是左对齐的，但无论屏幕大小如何，我都必须让它出现在网页中间。这是实时链接：

 http://m.greatofficiants.com

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

4

5 回答 5

2

你需要用

margin: 0 auto;

或者

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

此链接将深入向您解释如何正确执行此操作。

于 2013-02-01T11:03:16.350 回答
1

首先，您对响应式网站的基础是完全错误的......

您需要 100% 构建而不是 px

因此，如果您有填充和宽度

就像

padding:2%;
width:96%;

在您的站点足够好之前，应该在这个庄园中建造洞站点 - 然后您开始将项目居中

编辑*

请注意，您的网站内可以有具有宽度的对象...但是您网站的主框架应该严格按照百分比构建...

如果您想将宽度为 320px fx 的 div 居中。这是电话的最低宽度所以说明对象的宽度，然后添加边距：0 auto;

编辑**

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

width:100%;

对于正文和包装器，那么您的所有文本换行都应该与之前解释过的庄园相同（填充可能会有所不同），具体取决于您的网站，但我发现 2% 是一个很好的边距

padding:2%;
width:96%;

编辑 *

最后，我刚刚发现您有 IE 样式表，在为制作移动网站而进行开发时，您不需要这些样式表，它只需 3 个额外的调用，从长远来看，这会使您的网站变慢

按照这个链接有一个很好的板来工作。它是一个样板，它使 yoru 网站更快，并有所有正确的脚本和 css 文件可以输出

于 2013-02-01T11:09:00.160 回答
0

试试这个：

.header {
  width:1000px; /* what ever size you want*/
  margin-left:auto;
  margin-right:auto;
}
于 2013-02-01T11:00:50.690 回答
0 
<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>
于 2013-02-01T11:02:58.057 回答
0

您必须删除您的float:leftfor .social 并放置 amargin:0 auto;和 a width:x% 并text-align:center为该课程加分。我认为您可能还需要重新调整 .social 的一些子元素。

于 2013-02-01T11:45:37.147 回答