0

次のようにして、メニュー項目の横にチェックマークを配置しようとしています:

#userInfo div.dropDownContent p span
{
    position: absolute;
    margin-left: -20px;
}

段落内のスパンは、メニュー項目のテキストの中央揃えを維持するために絶対的に配置されます。そうしないと、チェック マークがテキストと共に中央に配置され、見栄えが悪くなります。

このjsFiddleでわかるように、チェック マークは平均的な Windows ブラウザーでは問題ないように見えますが、Mac と iPad の Safari (おそらく Mac の Chrome でさえ) ではメニューの外にチェック マークが表示され、私にできることは何もありません。 1ピクセルでも移動します。

私が間違っていることを誰かが知っていますか？Webkitのバグですか？ありがとう。

4

1 に答える 1

0

Safari で奇妙な動作が見られますが、なぜそのブラウザだけにあるのか説明できません。

そうは言っても、この更新されたフィドルは、私にとって何がうまくいったかを示すはずです。

基本的に、スパンを絶対に配置する代わりに、相対配置を使用し、次のように左 -20px に設定しました。

#userInfo div.dropDownContent p span
{
    position: relative;
    left: -20px;
}
于 2012-10-02T18:10:50.380 に答える