Html 两个浮动图元之间的水平中心div

我试图将示例中的

div class=“filter group”

水平居中放置在两个浮动按钮之间，但失败了。非常感谢你的帮助。 HTML:

您可以使用绝对定位：

display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);

您可以使用绝对定位：

display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);

---

这是对代码的更新

我做了两个改变。 先放置两个按钮，然后放置div，然后从中间div中移除

显示：内联块

---

当您首先放置浮动元素时，非浮动元素会根据它们进行调整，反之亦然。

这是对代码的更新

我做了两个改变。 先放置两个按钮，然后放置div，然后从中间div中移除

显示：内联块

---

当您首先放置浮动图元时，非浮动图元会根据它们进行调整，反之亦然。

这只是个人偏好，但使用网格系统而不使用网格系统来定位图元似乎有些奇怪。所以，我建议你用你的感冒来集中注意力

<div class='col-xs-2'>Left Button here</div>
<div class='col-xs-4 col-xs-offset-2'>Centered block</div>
<div class='col-xs-2 col-xs-offset-2'>Right button here</div>

此处左键
中心块
右键

这只是个人偏好，但使用网格系统而不使用网格系统来定位元素似乎很奇怪。所以，我建议你用你的感冒来集中注意力

<div class='col-xs-2'>Left Button here</div>
<div class='col-xs-4 col-xs-offset-2'>Centered block</div>
<div class='col-xs-2 col-xs-offset-2'>Right button here</div>

此处左键
中心块
右键

记住给出位置：相对；为使该元素正确工作，请向该元素的父元素发送+1，以获得最具创造性的答案。不过，我担心CSS转换更大的兼容性。你说得对。这个解决方案是ie9+，不是最好的浏览器支持，我想记得给位置：相对；为使该元素正确工作，请向该元素的父元素发送+1，以获得最具创造性的答案。不过，我担心CSS转换更大的兼容性。你说得对。这个解决方案是ie9+，不是我想的最好的浏览器支持。是的，那会很合理。是的，那会很合理。谢谢@Gil，这是我需要的。谢谢@Gil，这是我需要的。