IE7中的按钮换行

value属性有时会更改为很长，超过50px。IE7中的按钮换行

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

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

问题是这已经在IE7中工作，文本没有换行。

有谁知道如何使它在IE7中包装？

来源

2011-05-19 Coder 2

在IE7中，您必须在HTML源代码中包含手动换行符。见下面的答案。 – Ryan 2011-05-20 18:23:24

下面是解决方案，它适用于我:) http://stackoverflow.com/questions/5808137/word-wrapping-for-button-with-specified-width-in-ie7?answertab=active#tab -top – John 2014-05-08 18:58:27

不确定你想达到什么，但是，你可能想尝试在输入标签中使用size属性，AS和你的css。

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

来源

2011-05-19 21:44:30 seesharper

The'size' attr。将被'width' CSS属性覆盖。 – jackJoe 2011-05-19 21:45:48

不过，这是值得一试，以防万一（它不会伤害） – seesharper 2011-05-19 21:49:01

-1

插入<br />到价值，并确保doctype正确指定。

来源

2011-05-19 21:44:49 jackJoe

您不能插入标签，如
到属性的值。 – 2011-07-12 12:46:29

一个杂牌的一点，但这会在IE7渲染大多是正确的：

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

基本上，你必须在你的HTML添加换行符。这种'技巧'是一种解决方法...如果你手动编写你的HTML，它将是一个选项，但是如果你的代码被生成（例如ASP.Net），它可能不起作用。

请参阅this jsFiddle在IE7中。

来源

2011-05-19 22:10:01 Ryan

我很不幸仍然支持IE7并遇到此问题。如果您能够将<input />更改为<button>，则可以使用display:inline-block将按钮嵌入<span>以解决溢出问题。

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

来源

2013-07-12 19:33:33 Aaron

IE7中的按钮换行

回答

相关问题