让所有的td在表行中的大小都一样[关闭]。

问题描述 投票:0回答:2

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

<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中使用它,它看起来像这样的

enter image description here

html css html-email
2个回答
1
投票

试试这个。

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

0
投票

如果你给的td宽度相同,那么它一定是相同大小的,没有必要给colspan="5",上面的代码在我的机器上运行得很好。结果是

© www.soinside.com 2019 - 2024. All rights reserved.