IE7中的按钮换行

Question

有时将value属性更改为非常长，超过50px。

<input type="submit" Value="Really long" style="width:50px; white-space:normal" />

这在IE8 +和firefox中工作正常，因为按钮上的文字会换行到下一行。

问题是这必须在IE7中工作，文本不会包装。

有谁知道如何让它在IE7中换行？

Answer 1

我很遗憾仍然支持IE7并遇到了这个问题。如果您能够将<input />更改为<button>，则可以使用<span>将display:inline-block嵌套在按钮内以解决溢出问题。

<button>
    <span style="display:inline-block">Long button text goes here</span>
</button>

Answer 2

有点像kludge，但这在IE7中大部分都是正确的：

 <input type="submit" Value="Really 
 long" style="width:50px; white-space:normal" />

您基本上必须在HTML中添加换行符。这种“技术”是一种解决方法......如果您手动编写HTML，它将是一个选项，但如果您的代码生成（例如ASP.Net），它可能无法正常工作。

请参阅IE7中的this jsFiddle。

Answer 3

不确定您希望实现什么，但是，您可能想尝试使用输入标记中的size属性，AS WELL作为您的CSS。

<input size="50" type="submit" Value="Really long" style="width:50px; white-space:normal" />

Answer 4

在值中插入<br />，并确保正确指定了doctype。