私はほとんどすべての主要なブラウザで完璧に動作するウェブサイトを作成しました。昨日、それは本当だったので私は祝った。今日、私はそれがないことを知った。Operaでボタンテキストをラップする方法は？
明らかに、Operaはボタンにテキストをラップしません。スペースから古いMozilla Firefoxのハックまで、私の検索で飛びついたすべてを試しました。
ボタンでテキストを折り返すようにOperaに指示するにはどうすればよいですか？テキストを短くすることはオプションではありません。できるだけ最短の時間はまだ長すぎます。
がJSFiddleです：http://jsfiddle.net/JavaAndCSharp/grX4H/
オム、はいそれはありませんか？私はボタンの幅を定義する以外に何もしませんでした。私はあなたが矛盾するCSSを持っていることをお勧めします。
HTML：
<button>This is really long button text that should wrap after I define a fixed-width.</button>
CSS：
button{
width:60px;
}
出力：
HTML：
<form>
<button id="littleWorld" type="button">really really long text that will probably overflow on opera</button>
</form>
CSS：
#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;
}
私の質問への編集を参照してください。 – JavaAndCSharp
あなたのjsfiddleを反映するように私の答えを更新しました。 – MetalFrog
Hooray！それは今働きます！どうもありがとうございます。私はあきらめようとしていました。 – JavaAndCSharp
これは確かに多くのテキストの書式設定がされるオペラ、既知の問題ですINPUT type =ボタンよりもBUTTON要素に適用されます。彼らは本当に同等でなければなりません。
私は（指が交差 - BUTTONは、他のブラウザで他のレンダリングの問題が発生する可能性があります。）ボタンを使用して、代わりの入力タイプ=「ボタン」があなたのために許容可能な回避策であると思います
はOperaがすでにこの上のバグを持っているようです - 内部的にはCORE-45335です。
サンプルコードを提供できますか？タイプボタンやボタン要素、あるいはその両方の入力を話していますか？ – eis
実際に試したことを一覧にし、どのHTMLコードを使用すれば役立つでしょうか。あなたが知っているオペレーティングシステムなど、Operaのどのバージョン、基本的なトラブルシューティングの背景情報。 – eis
@eis：Windows 7/XP/8 Dev Preview; HTML/CSSのJSFiddleを参照してください。オペラ11.61 - 最新。 – JavaAndCSharp