爲什麼添加圖像到一個表格單元格原因它把填充圍繞它

Question

爲什麼添加的圖像以一個表格單元格原因它把填充圍繞它

我有以下的HTML代碼可以正確顯示：

<tr style="background: #FFFFFF"> 
    <td style="width: 300px; background: #FF0000; padding: 0; margin: 0;"> 
     <!--<img border="0" name="Cont_206" src="uly/travelmed.jpg" alt="" />--> 
    </td> 
    <td style="width: 277px;"> 
     <p style="text-align: left;"><span style="font-size: 14px;"><span style="font-family: Arial;">If you are planning to visit less developed nations or regions, Travel Medicine and Infectious Disease specialists <strong><a name="Forni_1" xt="SPCLICKSTREAM" href="http://aspx?id=367" target="_blank">Dr. Art</a></strong> and <strong><a name="Kesh_1" xt="SPCLICKSTREAM" href="http://provider.aspx?id=368" target="_blank">Dr. Sa</a></strong> provide an essential medical service to protect your health.</span></span></p> 
     <p style="text-align: left;"><span style="color: rgb(99, 187, 77);"><span style="font-size: 14px;"><span style="font-family: Arial;"><strong>Why Their Service is Unique<br /> 
     </strong><span style="color: rgb(51, 51, 51);">Our travel medicine services are like an insurance policy,&rdquo; says Dr. Kesh.</span></span></span></span></p> 
    </td> 
</tr> 

顯示器：

當我去掉它在寬度290px圖像，它需要更多的空間比正常和SQUEEZ ES它旁邊的單元格：

如何解決它所以沒有圖像周圍多餘的空格？

Answer 1

如果您希望表格的寬度是固定的而不是添加到內容，則必須將此行爲設置爲您的表格元素。在CSS中，您可以使用table-layou並修改值。 你的代碼變得basicly：

<table style="table-layout:fixed"> 
<tr style="background: #FFFFFF"> 
    <td style="width: 300px; background: #FF0000; padding: 0; margin: 0;"> 
     <!--<img border="0" name="Cont_206" src="uly/travelmed.jpg" alt="" />--> 
    </td> 
    <td style="width: 277px;"> 
     <p style="text-align: left;"><span style="font-size: 14px;"><span style="font-family: Arial;">If you are planning to visit less developed nations or regions, Travel Medicine and Infectious Disease specialists <strong><a name="Forni_1" xt="SPCLICKSTREAM" href="http://aspx?id=367" target="_blank">Dr. Art</a></strong> and <strong><a name="Kesh_1" xt="SPCLICKSTREAM" href="http://provider.aspx?id=368" target="_blank">Dr. Sa</a></strong> provide an essential medical service to protect your health.</span></span></p> 
     <p style="text-align: left;"><span style="color: rgb(99, 187, 77);"><span style="font-size: 14px;"><span style="font-family: Arial;"><strong>Why Their Service is Unique<br /> 
     </strong><span style="color: rgb(51, 51, 51);">Our travel medicine services are like an insurance policy,&rdquo; says Dr. Kesh.</span></span></span></span></p> 
    </td> 
</tr> 
</table> 

最好的當然是把你的CSS文件中的風格，避免了樣式屬性。風格將是相同的。

DEMOhttp://codepen.io/anon/pen/gJabz