Question

标题几乎可以解释这个问题。在除IE11之外的所有其他浏览器中，按钮均适合内部文本的宽度。然后，如果按钮太大而无法容纳在当前行中，则会将其移至新行，并自动展开其他按钮以填满整个行。

domready

我已经尝试了多种具有各种google.maps.event.addListener(infowindow, 'domready', function() { self.openModal() });属性的方法，但是无法解决问题。其他浏览器基本上可以立即使用Bootstrap 4。

Answer 1

我试图重现您的问题，但在IE方面，当IE11上的按钮文本太大时，按钮将自动移至新行。

或者您可以{display：flex; flex-direction：row;}强制按钮按行显示。

这是我的测试代码和输出：

<style type="text/css">
    .BtnSize {
        display: flex;
        flex-direction: row;
    }
</style>
<body>
  <input type="button" value="Test1Test1Test1,Test2Test2Test2" class="BtnSize" />
  <input type="button" value="Test1Test1Test1,Test2Test2Test2" class="BtnSize" />
  <input type="button" value="Test1Test1Test1,Test2Test2Test2" class="BtnSize" />
  <input type="button" value="Test1Test1Test1,Test2Test2Test2" class="BtnSize" />
  <input type="button" value="Test1Test1Test1,Test2Test2Test2" class="BtnSize" />
  <input type="button" value="Test1Test1Test1,Test2Test2Test2" class="BtnSize" />
  <input type="button" value="Test1Test1Test1,Test2Test2Test2" class="BtnSize" />
  <input type="button" value="Test1Test1Test1,Test2Test2Test2" class="BtnSize" />
  <input type="button" value="Test1Test1Test1,Test2Test2Test2" class="BtnSize" />
  <input type="button" value="Test1Test1Test1,Test2Test2Test2" class="BtnSize" />
</body>

IE11按钮文本溢出按钮，如果按钮太大，则应扩大按钮宽度并移至新行

1 个答案: