将float定义为css中的中心

时间:2009-10-26 00:31:01

标签: css layout html alignment css-float

如何在CSS中将define float定义为中心?实际上我需要一个左右之间的布局,我也尝试“text-align”但它不起作用,“浮动”属性正常工作。

谢谢

3 个答案:

答案 0 :(得分:10)

你想要这样的东西:

<div style="width: 500px; text-align: center;">

    <div style="margin: 0 auto; width: 100px;">I am centered</div>

</div>

键是text-align:父元素的中心,内元素的余量:0自动

答案 1 :(得分:1)

没有浮动:中心。但是当你想让一个div居中于它的父级时,这应该可以解决这个问题:

#parent-element{
    position: relative;
}
#element
{
  width: 500px; 
  left: 50%;
  margin-left: -250px; /* - (width/2)  */
  position: absolute;
}

但是,你究竟想要实现什么目标?

答案 2 :(得分:0)

您只能向左或向右浮动元素。

也许描述一下你想要实现的布局。