Question

我在使用表格时遇到问题，而我想在colspan中使用百分比将3个单元格中的2个单元格分成两半，但是发生了一个错误。现在表中的所有其他colspans都没有宽度而且一团糟，我不能在3个单元格行中使用百分比，因为这将是一个奇数，这里是代码：

<table style="table-layout:fixed;" border="1" width="100%">
        <tr>
            <td colspan="100%">Notify</td>
        </tr>
        <tr>
            <td colspan="25%">Store</td>
            <td colspan="75%">Logo</td>
        </tr>
        <tr>
            <td colspan="100%">Discount</td>
        </tr>
        <tr >
            <td>Summer</td>
            <td>Discounts</td>
            <td>Fashion</td>
        </tr>
        <tr >
            <td colspan="50%">News1</td>
            <td colspan="50%">News2</td>
        </tr>
        <tr>
            <td colspan="100%">News 3</td>
        </tr>
        <tr>
            <td colspan="100%">News 4</td>
        </tr>
    </table>

Answer 1

这不是colspan的工作原理。你应该使用宽度。

属性colspan接受一个数字，而不是百分比，并告诉表格单个TD应该跨越多少列。

例如：

 <tr>
    <td width="50%">News1</td>
    <td width="50%">News2</td>
  </tr>
  <tr>
    <td colspan="2">News 3</td>
  </tr>
  <tr>
    <td colspan="2">News 4</td>
  </tr>

Answer 2

你没有使用colspan，这不是一个百分比（％）值。你应该这样试试。

<table style="table-layout:fixed;" border="1" width="100%">
    <tr>
        <td colspan="3">Notify</td>
    </tr>
    <tr>
        <td colspan="2">Store</td>
        <td >Logo</td>
    </tr>
    <tr>
        <td  colspan="3">Discount</td>
    </tr>
    <tr >
        <td>Summer</td>
        <td>Discounts</td>
        <td>Fashion</td>
    </tr>
    <tr >
        <td colspan="2">News1</td>
        <td >News2</td>
    </tr>
    <tr>
        <td  colspan="3">News 3</td>
    </tr>
    <tr>
        <td  colspan="3">News 4</td>
    </tr>
</table>

Colspan Bug同时使用百分比和数字

2 个答案: