-1

次のリンクで私のウェブサイトを見て、リンクタグの配置が変わる理由を教えてください。リンク タグを追加する前は、すべての画像が水平方向と垂直方向に配置されていましたが、2 番目の画像が下に配置されているように見えます。

ここにリンクがあります

コードは次のとおりです。

enter code here
<!-- wrapper -->
<div class="wrapper">
<!-- content -->
<div class="clearfix" id="items">
<a href="http://ghazalphoto.com/?page_id=285">
<div class="boxlist">
<img class="aligncenter size-full wp-image-253" alt="imgPortf_1" src="http://ghazalphoto.com/wp-content/uploads/2013/01/imgWedd_1.jpg" />
<h2>Love</h2>
</div>
</a>
<a href="http://ghazalphoto.com/?page_id=285">
<div class="boxlist">
<img class="aligncenter size-full wp-image-258" alt="imgPortf_2"    src="http://ghazalphoto.com/wp-content/uploads/2013/01/imgWedd_2.jpg" />
<h2>Beauty</h2>
</div>
</a>
<a href="http://ghazalphoto.com/?page_id=186">
<div class="boxlist">
<img class="aligncenter size-full wp-image-259" alt="imgPortf_3"  src="http://ghazalphoto.com/wp-content/uploads/2013/01/imgWedd_4.jpg" />
<h2>Fun</h2>
</div>
</a>
<a href="http://ghazalphoto.com/?page_id=290">
<div class="boxlist">
<img class="aligncenter size-full wp-image-259" alt="imgPortf_3" src="http://ghazalphoto.com/wp-content/uploads/2013/01/imgWedd_3.jpg" />
<h2>Favorite</h2>
</div>
</a>
</div>
<!-- End of content -->
</div>
<!-- End of wrapper -->
4

1 に答える 1

3

この問題は、pタグの配置が原因で発生します。

<p><a href="http://ghazalphoto.com/?page_id=276"></a><br>
<a href="http://ghazalphoto.com/?page_id=292"></a></p>

これを削除すると、位置合わせは正しくなります。問題を解決するために、ラッパー div の直後に移動することもできます...

<div class="wrapper">
    <p><a href="http://ghazalphoto.com/?page_id=276"></a><br>
    <a href="http://ghazalphoto.com/?page_id=292"></a></p>
    ...

アップデート

技術的にはp、HTML にわずかなエラーがあるため、タグがあります...

<a href="http://ghazalphoto.com/?page_id=276"></p>

この行では、pタグを開いたことがなくてもタグを閉じているため、ブラウザーはあなたの意図を推測しようとしています。

Firebug (Firefox) で調べると、リンクが段落で囲まれていることがわかります。そのため、タイプミスの影響を確認できます。

于 2013-01-30T21:44:49.140 に答える