9

画像付きのテキストを含む Web ページがあります。テキストを（段落に）書いてから、画像を配置し、次に別の段落を配置します。

画像の周りにも p タグを配置する必要がありますか、それとも間に img タグだけを配置する必要がありますか?

私がこれを尋ねる理由は、今までは段落の間に画像を挿入するだけだったからですが、複数の画像を追加したり、画像とアンカーを追加したりしたい場合は、一緒に座ってはいけません. 私が試した他のことは、追加することでした

<p></p>

2つの画像の間にありますが、それは間違っているように感じます:P

4

4 に答える 4

4

CSS を使用して、画像をインライン ブロックではなくブロックとして機能させることができます。

以下を CSS のどこかに挿入します。

img { display: block; }

または、インラインで表示したい画像がある場合はclass="block"、img タグに追加し、css を次のように変更します。

img.block { display: block; }
于 2010-01-27T23:53:23.567 に答える
3

画像をブロック要素としてスタイリングすることは、部分的な解決策です。HTML は、スタイルがなくても「機能する」ように設計する必要があります。ボックス モデルで、ブロック要素にブロック要素またはインライン要素のみが含まれている必要がある場合 (混合されていない場合)、可能な限り低いレベルでそうする必要があります。これが、メニューがリンクのセットではなくリストとして作成される理由です。これはグレースフル デグラデーションと呼ばれます。

そのため、隣のノードがブロック要素である場合は、画像の周りに <p> タグを追加する必要があります。

于 2011-10-19T14:16:36.640 に答える
0

<p><img/></p>それがあなたがそれをレイアウトしたいのであれば、あなたが使用しない理由は考えられません. そうすれば、マークアップでレイアウトが明確に記述されます。

すべての画像の表示タイプを変更するよりも確実に読みやすくなります。最良の代替手段は、css クラスを作成することですimg.block {display:block;}+<img class="block"/>

于 2010-01-28T00:28:33.073 に答える