IEのチェックボックスを無効にする

Question

私は、チェックボックスの後にラベルが付いたテーブル列を持っています。サンプルHTMLコードは次のとおりです。

ただし、チェックボックスとラベルは同じ行に揃っていません。ラベルは次の行に移動します。これはページの外観と全体的な配置に影響します。しかし、これはFirefoxやChromeのような他のブラウザでは問題になりません。 幅と高さを指定しようとしましたが、問題を解決できませんでした。私は基本的にチェックボックスとラベルの両方を同じ行にしたい。

誰も以前にこのような問題に直面していますか？必要なヘルプ。

Answer 1

一般的には、改行されていないスペースで十分です。仕事

<td class="namecell"><label 
    class="celllabel"><input type="checkbox" class="checkboxclass" 
    value="cs1" />&nbsp;lable data </label></td> 

Answer 2

二つの方法：

1. tdタグに（XHTMLを使用しない場合、または単にnowrap）属性nowrap="nowrap"を使用してください。
2. ラップnobrマークアップ内部td要素の内容： <td ...><nobr>...</nobr></td>

誰かがnowrapは廃止されたと文句を言うかもしれないとnobrは非標準ですが、彼らは実際に仕事をするツールであること。この場合、両方とも動作するように見えますが、一般的にnobrは、nowrapがない場合があります。

 （または実際の休憩スペースなし）を使用することは役に立ちません。実際には、上記の方法を使用しない限り、スペースが介入しなくても、チェックボックスとラベルが別々の行に表示されることがあります。

CSSのwhite-space: nowrap（td要素）を使用すると、CSS 2.1仕様が役立ちますが、実際には機能しません。

この問題は、ブラウザがコンテンツを1行に収めるためにセル幅を拡大できないようなものがある場合にのみ表示されます。これは、たとえば、幅の指定である可能性があります。チェックボックスとラベルを同じ行に強制すると、with指定がオーバーライドされることに注意してください。