1

cssで奇妙な問題が発生しています。ここにチェックボックス付きのフォームが表示されます。チェックボックスのあるテキストが正しく配置されていません。2行に分かれています。FF、IE、LinuxおよびオペラのChromiumでは正常に動作していますが、Windows7のchromeでは正常に動作していません。
これが面白い部分です。たとえば、任意の感情を右クリックします。要素を監視および検査する必要があります。これは最初に一致したCSSルールです

.addCheckbox label, .addRadio label {
font-size: 15px;
}

これを編集して追加しdisplay:blockます。したがって、新しいcssは

.addCheckbox label, .addRadio label {
font-size: 15px;
display: block;
}

チェックを外して新しく追加されたCSSを無効にするdisplay:blockと、フォームが完全にレンダリングされたことがわかります。だから私は同じCSSで異なるレンダリングを取得しています。誰かがこれを修正する方法の手がかりを持っていますか？同じCSSは、最近誰かが指摘するまで、Windows7のChromeで最初は正常に機能していました。

ブラウザ情報：Windows7上のChrome24.0.1312.57

4

1 に答える 1

1

float:left をチェックボックス クラスから削除します。ここでは必要ないと思います。そして、Label tag を margin-left で調整します。

また、このクラスから: .radio.inline, .checkbox.inline... display: inline-block を削除して、li と span をパディングとマージンで制御してみてください。Remember me については、Remember me の Label に display: ブロックを使用してみてください。

それが役に立てば幸い。

于 2013-02-07T13:00:54.457 に答える