IE中的多行按钮

时间:2009-11-24 15:43:43

标签: html css internet-explorer button

我目前处于一种可怕的情况,需要我在两行上设置“按钮”类型的输入。在按钮上具有固定宽度会导致按钮内的文本在除IE之外的所有其他浏览器中换行。

因此,我的问题是,如何指定带有值=“按钮换行”的输入在IE中包含两行?

我愿意接受任何黑客或变通方法来实现这一目标。

非常感谢!

7 个答案:

答案 0 :(得分:7)

使用button element代替 - 它可以包含其他标记:

<button type="button">
First Line<br />
Second Line<br />
Third Line<br />
</button>

答案 1 :(得分:3)

对我来说有用的是将CSS white-space设置为具有固定宽度的按钮输入的pre-line

但只有第一行会在按钮输入上显示。因此,高度必须设置为固定值或自动。

答案 2 :(得分:2)

您是否在源代码中尝试过硬回车?对我有用......

<p>
<input type='button' value='3
Line
Button'
/>
</p>

答案 3 :(得分:1)

自动换行CSS属性似乎就是这个词。如果这不起作用,你将不得不尝试使用div标签样式看起来像一个按钮和onClick处理程序......

<input type=button value="test" style="word-wrap: break-word"></input>

这可能还需要位置,高度和宽度属性才能工作。

答案 4 :(得分:0)

您是否尝试过使用br标签?

答案 5 :(得分:0)

对我来说有用的是在按钮上添加子跨度,将其显示设置为阻止,并按钮的宽度限制其宽度。

当文档处于IE7模式时,它仅影响IE 8和9。

答案 6 :(得分:-1)

为什么不使用图片按钮?为按钮制作图像,按下按钮...... 或者在闪光灯中制作按钮(: