在我的html表中不需要的空間

這裏是link，正如我看到的圖片底部是一個5px的空間，我想離開。在我的html表中不需要的空間

RELEVANT HTML

<table border="1" bordercolor="#D88830" style="background-color:#555555;" cellspacing="0"> 
    <tr> 
    <td> 
     <img src="../../../images/team_members_dusty_arlia.jpg" alt="Dusty Arlia Picture" border="0" /> 
    </td> 
    <td style="padding:25px; vertical-align:top;" width="550"> 
     <b>Name</b>: <i>Dusty Arlia</i><br /> 
     <b>Position</b>: <i>Owner</i><br /> 
     <b>Start Date</b>: <i>Founded on April 20, 2010</i><br /> 
     <b>Interests</b>: <i>Loves to snowboard in the winter, play volleyball in the summer, and gives lessons on foosball year round.</i> 
    </td> 
    </tr>

來源

2011-08-24 Dusty

Linux上的FF 3.6.13中沒有出現額外的空白區域。然而它在Chrome中。 – 2011-08-24 13:39:46

你可以把風格=「保證金底：-5px」在每個圖像，這將是更好的聲明一類具有這個屬性和使用圖像。

E.G.

<img src="../../../images/team_members_jacquelyn_buffo.jpg" alt="Jacquelyn Buffo Picture" border="0" style="margin-bottom: -5px">

來源

2011-08-24 13:31:29

你的兩個答案都是正確的，但我對5px是如何產生了一點好奇。我覺得我沒有解決問題的根源。 – Dusty

試試這個

<img src="../../../images/team_members_dusty_arlia.jpg" alt="Dusty Arlia Picture" border="0" style="margin-bottom:-5px" />

來源

2011-08-24 13:31:42 Pratik

你的兩個答案都是正確的，但我對5px是如何產生了一點好奇。我覺得我沒有解決問題的根源。 – Dusty

我看到您添加的邊距：-5px - 只是想拋出一個替代的解決方案：

<img style="float:left;" ... />

能解決問題，以及，可能是一個更好的整體解決方案，而不是使用負利潤率。

來源

2011-08-24 13:43:38 streetlogics

由於您必須使用表格，所以在編寫HTML電子郵件時經常遇到此問題。

放入樣式vertical-align：bottom;的圖像。

在this page上給出的原因是圖像是內聯元素，因此空間是爲字體分隔符保留的......對我來說是有意義的和有效的。

來源

2012-06-06 19:05:49 waterjerome

就是這樣。我浪費了幾個小時，你給了我答案。感謝你3年。 –

我知道這個問題到現在已經有幾年了，但是在遇到同樣的問題時我碰到了它。

您只需要在違規圖片上設置display: block;，無論是CSS還是inline。

希望這可以幫助找到答案的其他人！

來源

2015-06-02 20:02:55

在我的html表中不需要的空間

回答

相關問題