我正在编写 HTML 时事通讯,由于某种原因,尽管像素宽度相同,但我的 img 宽度并未扩展 td 标签的整个宽度。我的图像显示为 180,但 td 标签的宽度为 186。下面提供的是我的代码。
<table width="600" bgcolor="#ffffff" height="30" cellpadding="0" cellspacing="0">
<tr >
<td width="10"></td>
<td width="180" height="30" bgcolor="#000000"><p style="text-align:center; color:#ffffff">ALONSOS</p></td>
<td width="10"></td>
<td width="180" bgcolor="#000000"><p style="text-align:center; color:#ffffff">ZEN WEST</p></td>
<td width="10"></td>
<td width="180" bgcolor="#000000"><p style="text-align:center; color:#ffffff">LUCKIE'S TAVERN</p></td>
<td width="10"></td>
<tr>
<td width="10"></td>
<td width="180" height="30" bgcolor="#ffffff"><img src="zenwest.png" width="180"/></td>
<td width="10"></td>
<td width="180" height="30" bgcolor="#000000"><img src="zenwest.png" width="180"/></td>
<td width="10"></td>
<td width="180" bgcolor="#000000"><img src="magerks.png" width="180" /></td>
<td width="10"></td>
</tr>
<tr>
<td width="10"></td>
<td width="180" ><p><b>Saturday, Feb. 9th</b></p>
<p>$3 Bud Light</p>
<p>$4 Soco & Lime</p>
<p>$3 Bud Light</p>
</td>
<td width="10"></td>
<td width="176"><p><b>Saturday, Feb. 9th</b></p>
<p>$3 Bud Light</p>
<p>$4 Soco & Lime</p>
<p>$3 Bud Light</p>
</td>
<td width="10"></td>
<td width="180"><p><b>Saturday, Feb. 9th</b></p>
<p>$3 Bud Light</p>
<p>$4 Soco & Lime</p>
<p>$3 Bud Light</p>
</td>
<td width="10"></td>
</tr>
</table>