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

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

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

CSS在这一点上非常基础：

A {
  float: left;
}
B {
  float: left;
}
C {
  float: right;
}

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

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

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

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

B {
  position: relative;
  left: 0;
  right: 0;
}

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

解决方法

如果你把text-align：center;在他们的容器上,根本不浮B？

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

原文地址：https://www.jb51.cc/css/214867.html