有没有办法让两个对象在 IE7 的按钮内排列？答案

【问题标题】：Is there way to get two objects to line up inside of a button in IE7?有没有办法让两个对象在 IE7 的按钮内排列？
【发布时间】：2012-05-18 20:42:34
【问题描述】：

这个错误已经让我发疯了几天，我就是无法让它工作。

基本上，我在按钮内有一个图标和文本。我希望它们正确排列，但 IE7 将它们堆叠在一起。除非我给按钮一个特定的宽度，否则文本和图像将无法正确排列。谁能帮我吗？提前致谢。

这是一个简单的例子：

<button><div class="test" style="float:left;">image</div>text</button>

【问题讨论】：

不同的浏览器在浮动和没有定义宽度的文本时会有不同的行为。通常较低版本的 IE（如 7）在没有设置宽度的情况下表现不佳。您只能使用 IE 条件语句为 IE 7 设置宽度
这基本上总结了问题，但我正在寻找是否有解决方案。我无法为每个有图标的按钮设置特定的宽度。当有人可能更改文本时不太实用。
您可以尝试按钮上的white-space:nowrap (jsFiddle) - 不确定这是否适用于您的情况，并且我没有准备好测试它的 IE7。
我测试过，还是一样。无论如何，谢谢。
您可以通过 js/jquery 设置宽度，如果您使用 white-space:nowrap 那么您可以仅使用文本找到按钮宽度，获取按钮内图像的宽度并添加宽度为仅文本宽度，仅将其设置为 7。除了动态设置宽度之外，我认为没有其他方法可以解决这个问题。也许你可以检查一下网站流量，看看是否值得支持ie7。但是对于宽度设置，它不会是那么多代码

【解决方案1】：

如果你把浮动改成'display:inline'，那不行吗？

<button><div class="test" style="display:inline">image</div>text</button>

【讨论】：