0

インライン要素（チェックボックスとスパン）がたくさんあります

一部の行（li）には、floatで試した2つの列が必要ですが、2つの列間の垂直方向の配置にブレーキがかかりますが、（！）この質問のフィドルを作成すると、上記の手法で機能します。：/

私は私たちのサイトの完全なスタイルをフィドルにカットアンドペーストしましたが、問題を再現することはできません

http://jsfiddle.net/Q9g2C/

ご覧のとおり、 Bar1と一部の情報は垂直方向に配置されています。

font-sizeを無効にした場合：0.85em; 本体からは私のサイトでも整列します。CSSで定義されたサイズがある場合、emまたはpxのどちらを使用しても、整列しません。何が悪いのか教えてもらえますか？

編集：私の質問は、スパンと入力が実際のサイトで整列しない原因となる可能性があることです（上記のフィドルで整列の問題を再現できませんでした）

4

3 に答える 3

2

H1タグの上に配置されたイメージタグです。「ヘッダー」divのタグを削除しました
修正されたJSフィドルリンク

于 2012-08-08T14:37:01.250 に答える
2

あなたの jsfiddle ページを編集しました。

http://jsfiddle.net/Q9g2C/4/

私が学んだ秘訣は、何が起こっているかを確認できるように、問題のすべてに単純な色付きの境界線を付けるというものです。私はすべてを完了していませんが、すべてcss関連です。パディングを追加することで、物をあるべき場所にノックするのに役立ちます。境界線は、何が調整されていないかを確認するのに役立ちます。

css をいじり続けます。

于 2012-08-08T14:40:33.490 に答える
1

[これはフィドルのnormalize.cssファイルにあります]を追加するだけです

input{margin:0; padding:0;}

チェックボックスの入力には、その隣に浮かんでいるものに表示される何らかのオフセットが必要です。

于 2012-08-08T15:01:34.900 に答える