Css 如何在响应式网站的中心注册div

Css 如何在响应式网站的中心注册div,css,Css,我有一个问题,在我的网站,我的网站的一个div是alligned左,但我必须使它出现在网页的中间,无论屏幕大小是什么。 以下是实时链接: http://m.greatofficiants.com 我需要把页眉内容排列在页面中间。 试试这个: .header { width:1000px; /* what ever size you want*/ margin-left:auto; margin-right:auto; } 免费(855)婚礼誓言 本地(562)435-400

我有一个问题,在我的网站,我的网站的一个div是alligned左,但我必须使它出现在网页的中间,无论屏幕大小是什么。 以下是实时链接:

 http://m.greatofficiants.com

我需要把页眉内容排列在页面中间。

试试这个:

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

免费(855)婚礼誓言 本地(562)435-4000


您需要用

margin: 0 auto;


这将向您深入解释如何正确操作。

您关于快速响应网站的第一个基本知识是完全错误的

你需要在100%而不是px中构建所有组件

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

就像

padding:2%;
width:96%;
在你的场地足够好之前,这个洞的场地应该建在这个庄园里,然后你开始把项目居中

编辑*

注意,你可以在你的网站内的对象有宽度。。。 但是你网站的主框架应该严格按照百分比来构建

如果你想将一个宽度为320px的div居中。 手机的最小宽度是多少 因此,声明对象的宽度,然后添加边距:0自动

编辑**

那么在你的情况下,你想添加

width:100%;
对身体和包装 然后你所有的文字包装应该在同一个庄园,解释之前(填充可以变化)取决于你的网站,但我发现2%作为一个很好的保证金

padding:2%;
width:96%;
编辑*

上一次我刚刚发现你有IE样式表,你在开发移动网站时不需要它,它只需要3个额外的调用,从长远来看,这会让你的网站变慢


按照这一点做,就有了一个好的盘子。。这是一个样板文件,它可以让你的网站更快,并且拥有所有正确的脚本和css文件,你必须把你的
float:left
记下来,并自动设置
边距:0
和宽度:x%和
文本对齐:居中
将为该类提供一个加号。我认为您可能还需要重新生成.social的一些子元素。

您是指整个标题还是仅以内容为中心?仅显示图像和两行文本。outer.header{background:url(images/header.png)0 0 repeat-x;最小高度:90px;padding:10px 10px;position:relative;}@维奈,我们去看看他的网站怎么样?@SimonPertersen你已经给了他正确的解释了。我是那个投票支持你的人。:)这段代码以div为中心,而不是div的内容。我不确定你想要什么。我试过了,但没有成功。谢谢,成功了。。几个小时后,我将在直播中上传这一更改。非常欢迎您
width:100%;
padding:2%;
width:96%;