Question

因为我正在动态生成数据...在其中添加<tr>和<td>，<td>是根据数据计数生成的，并且根据每行中的设置只有2个数据可以显示。每个细胞的宽度为50％

问题是如果数据计数是奇数，例如3第一行及其单元格生成完美..但在下一行由于单个单元格需要占用空间，我不能给出宽度，因为不同屏幕分辨率：（

Answer 1

您需要通过样式（style =“width：XXXpx”）设置宽度，或者您应该生成每行可能的全部空表格单元格。

Answer 2

设置元素大小的正确方法是使用CSS：

table{
    border-collapse: collapse;
}
td{
    width: 50%;
    padding: 0;
}

如果您需要根据行设置不同的大小，可以使用类：

<table>
<tr class="double"><td>Foo</td><td>Bar</td></tr>
<tr><td colspan="2">Gee</td></tr>
</table>


table{
    border-collapse: collapse;
}
tr.double td{
    width: 50%;
    padding: 0;
}

当然，您必须考虑两个因素：

作为一个表，列必须对齐，因此您不需要为所有行设置大小;大多数单元格的行的设置大小应该足够了。
如果内容不合适，浏览器可能会使单元格更大。

Answer 3

我不完全理解为什么你的表不能很好地处理ODD数据。

也许你可以向我们展示一些代码。

以下代码适用于ODD / EVEN记录数

<table>
        <tr>
                <td style='width: 50%;'>Data 1</td>
                <td style='width: 50%;'>Data 2</td>
        </tr>
        <tr>
                <td>Data 3</td>
                <td>Data 4</td>
        </tr>
        <tr>
                <td>Data 5</td>
        </tr>
</table>

如何给定位宽度？

3 个答案: