我目前处于一种可怕的情况,需要我在两行上设置“按钮”类型的输入。在按钮上具有固定宽度会导致按钮内的文本在除IE之外的所有其他浏览器中换行。
因此,我的问题是,如何指定带有值=“按钮换行”的输入在IE中包含两行?
我愿意接受任何黑客或变通方法来实现这一目标。
非常感谢!
答案 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)
为什么不使用图片按钮?为按钮制作图像,按下按钮...... 或者在闪光灯中制作按钮(: