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

前端之家收集整理的这篇文章主要介绍了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上)

猜你在找的CSS相关文章