ラベルに囲まれたボタンをドキュメントに挿入するサーバーからスクリプトを取得しています。私はこれに2つの問題があります:私は、ボタンとボタンのラベルの間の改行を防ぐことはできませんし、返されたスクリプト自体の外でスタイルを行う方法を見つけることができません。最初の問題はwhite-space:nowrap
ボタンと、次の「foo1の」ラベルの間に改行を阻止されていないことですAjaxスクリプトのコンテンツをスタイルすることはできません(nowrapは機能しません)
document.getElementById("div-foo1").innerHTML="
<label style='white-space:nowrap;'>
<input type='button' id='sButton0' style='width:10px; height:20px;'>
foo1
</label>";
: Firebugのは、このXHRレスポンスを(私は読みやすくするために改行を挿入した)を示しています。私はまた、差をつけずに<nobr></nobr>
の封筒を試しました。私は、ボタンの幅を変更してブラウザの変更を見ることができるので、スタイリングが一般的に機能していることを知っています。
第2の問題は、スタイリングをスクリプトから取り除く方法が見つからないということです。これをHTMLヘッダーに入れた場合:
<style>
#sButton0 { width:30px; height:20px; }
</style>
これは機能しません。誰かが私が間違っていることを教えてもらえますか?
ありがとうございました。
ディスプレイを追加しようとしましたか?ボタンのスタイル(スタイルタグ上)に移動しますか?私は、ラベルのテキストの前に改行を引き起こすブロックを表示するように設定している別のCSSがあるのだろうかと思います。 – danludwig
私はあなたの提案を試み、問題を修正したと思った。しかし、スタイルに「浮動小数点:left」を追加すると、改行を防ぐのに十分であることが分かりました。理由は分かりません。 F/F、Opera、Chromeでチェック。ありがとう。 – EML