代码之家 › 专栏 › 技术社区 › strumpy_strudel

IE11按钮文本溢出按钮,如果太大,应扩展按钮宽度并移动到新行

internet-explorer css

strumpy_strudel · 技术社区 · 7 年前

flex 属性,但无法解决问题。其他浏览器基本上都是开箱即用的Bootstrap 4。

1 回复 | 直到 7 年前

Jenifer Jiang 7 年前

我试图重现你的问题,但在我这边的IE上,当IE11上的按钮文本太大时,按钮会自动移动到新的一行。

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

<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>