Question

我完全想弄清楚为什么在下表中设置td width属性会导致显示异常。

 <table style="width:100%;">
        <tbody>
            <tr>
                <td colspan="4">
                    <big><big><b>Investments By Bruce Wayne</b></big></big>
                </td>
            </tr>
            <tr>
                <td style="width:20%;"><b><u>Date</u></b></td>
                <td style="width:20%;"><b><u>Invested</u></b></td>
                <td style="width:30%;"><b><u>Company (and Round)</u></b></td>
                <td style="width:30%;"><b><u>SPV</u></b></td>
            </tr>
        </tbody>
    </table>

以上内容完全在表格（see screenshot）之外的表中显示为“已投资”。

对为什么会发生这种情况有任何想法吗？预先感谢！

Answer 1

<table style="width:100%;">
        <tbody>
            <tr>
                <td colspan="4">
                    <big><big><b>Investments By Bruce Wayne</b></big></big>
                </td>
            </tr>
            <tr>
        <td style="width:20%;"><b><u>Date</u></b></td>
                <td style="width:20%;"><b><u>Invested</u></b></td>
                <td style="width:30%;"><b><u>SPV</u></b></td>
                <td style="width:30%;"><b><u>Company (and Round)</u></b></td>
                
            </tr>
        </tbody>
    </table>

Answer 2

问题：
您要做的就是格式化代码。在td和样式NON-BREAKING-SPACE（带有<td style文字的样式）之间有一个Investment，它会破坏布局。要进行复制，您可以删除空白并再次添加空白。

注意：
您必须<big><big>包装在那里-可以减少为一个元素。

<table style="width:100%">
  <tbody>
    <tr>
      <td colspan="4">
        <big><b>Investments By Bruce Wayne</b></big>
      </td>
    </tr>
    <tr>
      <td style="width:20%;"><b><u>Date</u></b></td>
      <td style="width:20%;"><b><u>Invested</u></b></td>
      <td style="width:30%;"><b><u>Company (and Round)</u></b></td>
      <td style="width:30%;"><b><u>SPV</u></b></td>
    </tr>
  </tbody>
</table>

设置<td>宽度引发表格显示？

2 个答案: