Button 如何在Opera中包装按钮文本？

我几乎创建了一个在所有主流浏览器中都能完美运行的网站。昨天，我庆祝，因为那是真的。今天，我发现事实并非如此

显然，Opera不会在按钮上包装文本。我尝试了搜索中出现的所有东西——从间隔到过时的Mozilla Firefox黑客

如何让Opera将文本包装到按钮上？缩短文本不是一个选项，因为最短的文本仍然太长

编辑：

---

这是一个JSFiddle:

嗯，是的，是吗？除了定义按钮的宽度，我什么也没做。我建议你有冲突的CSS

HTML:

输出：

---

更新后编辑

HTML:

---

这确实是Opera中的一个已知问题，在Opera中，按钮元素将应用更多的文本格式，而不是输入类型=按钮。它们应该是相等的，真的

我希望使用BUTTON而不是INPUT type=“BUTTON”是您可以接受的解决方法（祈求好运-BUTTON可能会在其他浏览器中导致其他渲染问题..）

---

似乎Opera在这方面已经有了一个bug——内部是CORE-45335。

您能提供示例代码吗？我们讨论的输入类型是button还是button元素，或者两者兼而有之，或者其他什么？如果您确实列出了您尝试过的内容，并使用了哪些HTML代码，这会有所帮助。哪个版本的Opera，哪个操作系统等。您知道，基本的疑难解答背景信息。@eis:Windows 7/XP/8 Dev Preview；查看JSFIDLE获取HTML/CSS；opera 11.61-最新版本。更新我的答案以反映您的jsfiddle。万岁！现在可以了！非常感谢你。我正要放弃，特别是在哈尔沃回答之后。直到哈尔沃回答，我才意识到

和

呈现出不同的效果。我用按钮太久了，忘记了输入类型。呵呵。

<button>This is really long button text that should wrap after I define a fixed-width.</button>

button{
    width:60px;
}

<form>
    <button id="littleWorld" type="button">really really long text that will probably overflow on opera</button> 
</form>

#littleWorld{
    border-radius:40px;
    border-width:0px;
    width:250px;
    height:250px; 
    background-color:#808080;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF; 
}