Question

我有以下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填充？

Answer 1

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

CMIIW〜

如何将内容保留在具有一定余量的表格的单元格内

1 个答案: