在CSS中定义浮动为中心

Question

如何在CSS中定义浮动作为中心？实际上我需要左右之间的布局，而且我尝试了“文本对齐”，但它不起作用，而“浮动”属性刚刚起作用。

谢谢

Answer 1

你想要这样的东西：

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

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

</div>

关键是 text-align: center 在父元素上，而 margin: 0 auto 在内部元素上

Answer 2

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

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

Answer 3

没有浮动：中心。但是当您希望 div 以其父级为中心时，这应该可以解决问题：

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

但是，您到底想要实现什么目标？