如何居中div

时间:2013-03-12 10:05:07

标签: html css web stylesheet

#container {
width: 960px;
margin-left: auto;
margin-right: auto;
height: auto; }

#large_box {
text-align: center;
width: 960px;
margin-left: auto;
margin-right: auto;
height: auto; }

#searchbcid {
position: absolute;
left: 400px;
margin-left: 50px;
top: 280px; }

#createbcid {
position: absolute;
margin-left: 250px;
top: 280px;
left: 550px; }

#loginpos {
position: absolute;
margin-left: 20px;
left: 30px;
top: 280px; }

在我的html中有一个名为container的div。所有其他div都放在容器中。   另一个div,即large_box,其中包含其他3个div,例如loginpossearchbcidcreatebcid

但我无法居中对齐div large_box

我如何居中对齐?

5 个答案:

答案 0 :(得分:0)

仅在您的css中使用 margin:0 auto; 如果div有一些宽度,那么它将自动在所提供宽度的中心对齐。

快乐的编码......

答案 1 :(得分:0)

CSS:

#wrapper_div{
width:500px;
height:500px;
}

#inner_div{
width:200px;
margin:0 auto;
}

HTML:

<div id="wrapper_div">
<div id="inner_div">
Centred content here!
</div>
</div

答案 2 :(得分:0)

这适合我。

<强> CSS

div#center{
      width:250px;
      margin:0 auto;
      background-color:yellow;
}

/* To support IE */
div#parent{
      align:center;
}

<强> HTML

    <div id="parent">    
      <div id="center">
        I'm in the middle!
      </div>
    </div>

JSFiddle Link

答案 3 :(得分:0)

尝试将边距设置为0自动,它会使元素在指定宽度的容器内水平居中。

#large_box {
text-align: center;
width: 960px;
margin: 0 auto;
height: auto; }

答案 4 :(得分:0)

将此css用于div。它将水平居中。

#large_box {
  width: 960px;
  margin: 0 auto; 
}