将两个浮动按钮之间的浮动按钮居中(液体尺寸)

use*_*236 6 css center button liquid css-float

我有两个浮动按钮之间的浮动按钮问题.

到目前为止看起来像这样:

jQuery按钮;  需要中心按钮B

CSS在这一点上非常基础:

A {
  float: left;
}
B {
  float: left;
}
C {
  float: right;
}
Run Code Online (Sandbox Code Playgroud)

注意:按钮A位于页面的最左侧,按钮C位于最右侧.B应该在中间(无论如何都是这个想法).

我知道浮动没有"中心"值.我已经为此问题阅读了其他一些解决方案.但是大多数都涉及在包装div中设置特定宽度,这对于液体布局设计来说不是理想的解决方案.如果你必须包裹按钮,我不确定这比使用直接定位更好.

无论哪种方式,我都在寻找使用液体布局方法的解决方案.

我也试过以下但是没有用.

B {
  position: relative;
  left: 0;
  right: 0;
}
Run Code Online (Sandbox Code Playgroud)

非常感激任何的帮助.非常感谢你.

xec*_*xec 16

如果你穿上text-align: center;他们的容器并且根本不漂浮B怎么样?

(我假设它是一个内联元素,如果不是也在display: inline-block;B上)