Question

我无法弄清楚导致此page中第3行图像未对齐的原因。以下是代码（仅适用于第3行）：

<div class="one-fourth" style="float:left;">
<center><a href="/criminal-law/case-studies/fraud-dishonesty-theft-offences"><img src="/wp-content/uploads/2013/10/fraud-theft-case-studies-150x150.jpg" alt="fraud &amp; theft case studies" width="150" height="150" /></a>
<h5><a title="Fraud Dishonesty Theft Case Studies" href="/criminal-law/case-studies/fraud-dishonesty-theft-offences">Fraud, Theft & Dishonesty</h5></center>
</div>

<div class="one-fourth" style="float:left;">
<center><a href="/criminal-law/case-studies/murder-manslaughter-offences"><img src="/wp-content/uploads/2013/10/murder-manslaughter-case-studies-150x150.jpg" alt="murder &amp; manslaughter case studies" width="150" height="150" /></a>
<h5><a title="Murder &amp; Manslaughter Case Studies" href="/criminal-law/case-studies/murder-manslaughter-offences">Murder
Manslaughter</a></h5></center>
</div>

<div class="one-fourth" style="float:left;">
<center><a href="/criminal-law/case-studies/perjury-offences"><img src="/wp-content/uploads/2013/10/perjury-case-studies-150x150.jpg" alt="perjury case studies" width="150" height="150" /></a>
<h5><a title="Perjury Case Studies" href="/criminal-law/case-studies/perjury-offences">Perjury
Offences</a></h5></center>
</div>

我第n次执行了这些代码，但我没有看到任何错误。

任何人都能摆脱光明吗？

Answer 1

您忘记关闭<a>代码。

在第一个项目的第三行，你有：

Fraud, Theft & Dishonesty</h5>

它应该是：

Fraud, Theft & Dishonesty</a></h5>

Answer 2

好的，你有东西：

<a title="Fraud Dishonesty Theft Case Studies" href="/criminal-law/case-studies/fraud-dishonesty-theft-offences">

该元素的边距为5px。如果你删除这5个像素，你可能会把事物对齐！

图片未对齐 - 错误是什么？

2 个答案: