如何保持內容的表格的單元格內有一定的餘量

我有以下的HTML代碼：如何保持內容的表格的單元格內有一定的餘量

<table width="600px" height="275px" cellspacing="10" cellpadding="0" border="0" align="center" style="background: #ffff00; padding-left:0px; padding-right:0px; text-align: center;"> 
      <tbody> 
       <tr> 
        <td colspan="3">Silo'd Doc &amp; Header - &quot;Your doctors wants to connect with you.&quot;</td> 
       </tr> 
       <tr style="text-align: center;">   
        <td style="height: 275px; width: 175px; background: url('http://wmed.com/images/email/POLCampaign/BlueBox.png') no-repeat;">STUFF GOES HERE</td> 
        <td style="height: 275px; width: 175px; background: url('http://wmed.com/images/email/POLCampaign/BlueBox.png') no-repeat;">OTHER STUFF GOEScd HERE</td> 
        <td style="height: 275px; width: 175px; background: url('http://wmed.com/images/email/POLCampaign/BlueBox.png') no-repeat;">AND FINALLY</td> 
       </tr> 
      </tbody> 
     </table>

顯示在IE中執行以下操作：

而在FF以下幾點：

我會使用SPAN/DIV，但只有table被允許在我的代碼庫中。

我怎麼能夠讓藍色方塊在黃色主表中水平居中，每個藍色方塊內容都保留在藍色方塊內，在所有瀏覽器邊緣都有5px填充？

來源

2014-03-19 Si8

這是怎麼回事？ http://jsbin.com/furapotu/1/edit –

@HashemQolami這就是我正在尋找的除了'TD'我不希望它擴大，只是讓文本繼續下一行。任何想法？另外，藍色裏面有一點填充，所以文本不會走到邊緣？ – Si8

將overflow:auto和word-wrap:break-word添加到您的<td>元素中。

CMIIW〜

來源

2014-03-19 14:44:58 Charlie

不工作：/圖像只是不斷伸展，我不想要。 – Si8

我添加了您的代碼以及其他代碼並且它正在工作。謝謝。 – Si8

如何保持內容的表格的單元格內有一定的餘量

回答

相關問題