1

次のマークアップがあるとします。

<li style="width: 200px;">
    <a href="....">
        <img style="width: 50px;" src="..." />
    </a>
    Lorem ipsum...
</li>

そして、画像を左に浮かせたいと思います。

float: leftイメージタグまたはそれを含むアンカータグに適用する必要がありますか? いずれにせよ、どちらもインライン要素です。それに関して推奨される慣行や慣習はありますか?

編集:おそらく、画像の後にテキストが存在することを指定するのを忘れていました。必要な結果は、画像がもちろんテキストと右に左に配置されることです。

4

4 に答える 4

1

タグはタグimgに対してインラインaであり、他に何もないため、これはほとんどまたはまったく違いがありません-内側の要素よりも幅の広い外側の要素がない限り、フローティングと同様です。要素のa表示モードもその親に相対的であるため、おそらくそれが必要です。

于 2012-11-12T09:30:13.570 に答える
1

非明示的な幅のフローティング要素は予測できないため、画像を使用するか、アンカーに明示的な幅を与えてブロックし、間接的な変更を最小限に抑えます。

ただし、アンカーがフローティングされていないときに画像をフローティングすると、アンカーが折りたたまれて幅 (および高さ) がゼロになることに注意してください。これは、フロートしたときに画像がページの通常の流れから外れてしまうためです。アンカーをフロートすると、これはアンカーの親に発生します。

于 2012-11-12T09:31:32.500 に答える
1

場合によっては、画像のみのリストで、それぞれをフロートしたい場合は、リスト項目全体をフロートすることもできます。

于 2012-11-12T09:33:15.987 に答える