我怎么可以居中一个div

我想知道如何以此为中心http://prntscr.com/hv2q7它挂起，我希望它像这样http://prntscr.com/hv2ue居中，这样灰色的部分就会进入边界。下面是它的CSS代码和HTML：的CSS：我怎么可以居中一个div

#banner{ 
height:  279px; 
width:  998px; 
margin-right: 0px; 
margin-left: 0px; 
background-image: 
    url(/template/default/images/layout/background/newlayout/test.png); 
}

的HTML：

<div id="banner" ></div>

来源

2012-10-21 Malik

CSS普罗蒂普：放在不同线路的特性。管理起来更容易，而且这种方式更具可读性。 –

@WaleedKhan为user1592665编辑 – dlamblin

如果'margin：0 auto'不起作用，请发布'＃banner'的计算样式？ – Starx

你要设置你的左，右页边距来auto，不0px。

试试这个，这是简写的顶部/底部边距设置为0和你的左/右auto：

#banner { 
    margin:0 auto; 
}

来源

2012-10-21 01:46:19 meagar

它仍然是一样的。 – Malik

与CSS定心正常周围使用的margin:auto;
在这种情况下，围绕你在看左右边距是自动的，所以像margin:0 auto;这样的东西当你专门针对整个页面进行测试时，你可能会发现你必须根据浏览器将元素的显示设置为阻止或浮动，甚至是位置。虽然这些通常不是必需的。另外，如果div真的只包含背景图像，则可以将background-repeat设置为none，将background-position设置为center。这只会在div的中心，所以如果div实际上显示为图像的宽度和高度，它不会改变任何东西，但是如果div填满了包含block的宽度，那么您会离开和正确的中心。

来源

2012-10-21 01:46:21 dlamblin

它仍然是相同的 – Malik

@ user1592665我不记得确切的先例，但我认为例如一个'div'不会接受一个宽度使得自动边距的意义更小，除非'div'浮动...或者定位，我忘了哪个。 – dlamblin

它现在居中但切断。 http://prntscr.com/hv422 – Malik

把这个以防万一您的横幅代码：

<div align="center"> "your banner code" </div>

来源

2012-10-21 01:47:38 Maurice

使用内联'align'属性令人难以置信地过时并且完全不鼓励。 – meagar

不鼓励，但普遍支持。 – dlamblin

@meagar你的答案是不必要的，因为它实际上是有效的 - 他只是要求一种工作方法，所以请善待他人使用这些方法，谢谢 – Maurice

我怎么可以居中一个div

回答

相关问题