html - 设置宽度摆脱桌面显示？

Question

我完全被困在试图弄清楚为什么在下表中设置 td 宽度属性会导致无法显示。

 <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>

上面完全在表格之外用“投资”一词呈现（见截图）。

关于为什么会发生这种情况的任何想法？提前致谢！

标签： htmlhtml-tablestyleswidth

Answer 1

问题：
您所要做的就是格式化您的代码。NON-BREAKING-SPACE在 td 和 style <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>