0
私は、チェックボックスの後にラベルが付いたテーブル列を持っています。サンプルHTMLコードは次のとおりです。IEのチェックボックスを無効にする
ただし、チェックボックスとラベルは同じ行に揃っていません。ラベルは次の行に移動します。これはページの外観と全体的な配置に影響します。しかし、これはFirefoxやChromeのような他のブラウザでは問題になりません。 幅と高さを指定しようとしましたが、問題を解決できませんでした。私は基本的にチェックボックスとラベルの両方を同じ行にしたい。
誰も以前にこのような問題に直面していますか?必要なヘルプ。
いずれかの要素にdisplay:blockがありますか?その場合は、取り外します。または、それが不可能な場合は、いずれかの要素に浮動小数点を追加して、それを強制したい場所に移動させます。 –
また、不要な間隔をすべて削除することをお勧めします。あなたが探している答えかもしれません。 '
あなたのCSSを表示してください。 – Marcin
答えて
一般的には、改行されていないスペースで十分です。仕事
出典
2011-12-31 01:32:02
幅を調整すると、問題が解決されましたが、助けてくれてありがとうございます – user1043422
二つの方法:
td
タグに(XHTMLを使用しない場合、または単にnowrap
)属性nowrap="nowrap"
を使用してください。nobr
マークアップ内部td
要素の内容:<td ...><nobr>...</nobr></td>
誰かが
nowrap
は廃止されたと文句を言うかもしれないとnobr
は非標準ですが、彼らは実際に仕事をするツールであること。この場合、両方とも動作するように見えますが、一般的にnobr
は、nowrap
がない場合があります。
(または実際の休憩スペースなし)を使用することは役に立ちません。実際には、上記の方法を使用しない限り、スペースが介入しなくても、チェックボックスとラベルが別々の行に表示されることがあります。CSSの
white-space: nowrap
(td
要素)を使用すると、CSS 2.1仕様が役立ちますが、実際には機能しません。この問題は、ブラウザがコンテンツを1行に収めるためにセル幅を拡大できないようなものがある場合にのみ表示されます。これは、たとえば、幅の指定である可能性があります。チェックボックスとラベルを同じ行に強制すると、with指定がオーバーライドされることに注意してください。
出典
2011-12-31 11:26:00
ありがとうしかし、この問題は、FirefoxやChromeを扱う際に問題になっていませんでした。それはIEにしか書かれていませんでした。 – user1043422
関連する問題