首页 > 解决方案 > 使表格行中的所有 td 大小相同

问题描述

我有一个包含 5 列的 HTML 表格行。但是由于某种原因,第一个比其他的更宽。这是我的代码

<tr style="height: 50px;">
    <td style="border: #e8d5d5 3px solid; border-right: none; font-size: 0.7em" width="200" colspan="5">
        + SOME STRINGYYYYYYYYYYYYYYYYYY + 
    </td> <br/>
    <td style="border: #e8d5d5 3px solid; border-right: none; border-left: none; font-size: 0.7em" width="200" colspan="5">
        + SOME STRINGYYYYYYYYYYYYYYYYYY + 
    </td> <br/>
    <td style="border: #e8d5d5 3px solid; border-right: none; border-left: none; font-size: 0.7em" width="200" colspan="5"> 
        + SOME STRINGYYYYYYYYYYYYYYYYYY + 
    </td> <br/>
    <td style="border: #e8d5d5 3px solid; border-right: none; border-left: none; font-size: 0.7em" width="200" colspan="5">
        + SOME STRINGYYYYYYYYYYYYYYYYYY + 
    </td> <br/>
    <td style="border: #e8d5d5 3px solid; border-left: none; font-size: 0.7em" width="200" colspan="5">
        + SOME STRINGYYYYYYYYYYYYYYYYYY + 
    </td> <br/>
</tr>

我正在尝试在 Outlook 中使用它,它看起来像这样

在此处输入图像描述

标签: htmlcsshtml-email

解决方案


尝试这个:

<style>
td{
 width: 20%;
}
</style>

推荐阅读