HTML中心将div与另一个div对齐

时间:2012-12-05 01:03:46

标签: css html web-deployment

我可以使用CSS

轻松地将页面中的1个div对齐
margin: auto;

这很好用,但是当我想保持这个div中心对齐时,我遇到了问题,但是左边还有另一个div。

这就是我想要的http://jsfiddle.net/E25JV/20/但是将2个div排列在一起。 (我只使用div中的文本来保持简单,但实际上有一个画布和一堆其他东西)。

我试过向左侧浮动一个div,但我得到了http://jsfiddle.net/E25JV/21/。正如你所看到的那样,它们并没有完全排成一列,应该在中心的1 div已经向右移动了。

我怎样才能得到2个div,中间有1个div,左边有1个。

编辑:

我给出的例子只有2个div,带有文字以保持简单。我实际拥有的是div中的1个画布 - > http://jsfiddle.net/E25JV/38/

1 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/E25JV/73/

#left {
    font-size: 14;    
}
#center {
    text-align: center;
    margin-top: -20px;
}
#canvas {
    margin: auto;
    display: block;
    background: black;
}