css - 结合 2 个解决方案来制作完美的比例按钮并在 mac firefox 上工作

Question

code实际上在我的代码第一段中，按钮在 mac firefox 上工作正常，但它们不成比例。这就是我修改它们的原因。它们与我想要的成比例，但它们不适用于 mac firefox。我有很多页面，每个页面都使用按钮但重定向到其他页面。我需要所有人的解决方案。

Answer 1

为什么要使用内部按钮，反之亦然。虽然我不使用 bootstrap，但你可以将 d-flex 和 text-center 类添加到 btn-group。

<div class='btn-group d-flex text-center'>
      <a href="/p/89" class="col btn-change" style="color: white;">Portrait</a>
      <a href="/p/89" class="col btn-change" style="color: white;">Landscape</a>
      <a href="/p/89" class="col btn-change" style="color: white;">square</a>
 </div>