html - 在不推开相邻元素的情况下自动调整边距

Question

我在左侧有一个上一个按钮，在右侧有一个h2标签的下一个按钮。我希望 h2 标签是width: 20%;并且必须margin: auto;居中。问题是它把按钮推到了左边和右边，但我希望它们就在文本旁边。所以理论上我希望按钮位于 h2 标签的边距内，而不是在同一个 div 中。你有什么想法来解决这个问题吗？

我的解决方案：如果相邻元素没有与您交互的东西，您可以给它们样式margin: -x%;，只需将 x 替换为最适合您的数字即可。在我的情况下，将按钮直接放在文本旁边是 40%。问题是你不能再点击左键了，因为他在文本的边缘，所以我最后把按钮和文本一起移动到了一个 div 中，这不是我想要的，但它可以工作，而且比暂时没有。

标签： htmlcsswidthmargin

Answer 1

虽然没有你想要实现的代码或图像，所以我必须假设它可能是什么样子。我现在理解的是你想要一个按钮、一个 h2 标签和一个按钮，所以假设这是你想要的，我想你可以尝试利用你可以在GeeksforGeeks或W3school或MDN 文档position上阅读的属性，或者可以尝试您可以在GeeksforGeeks或W3school或在MDN 文档中阅读有关它的信息，或者可以尝试并在GeeksforGeeks或W3school或MDN 文档中阅读有关它的信息。display: flexfloating