Nowrap为HTML表格标题

时间:2017-05-16 00:16:16

标签: html css

我正在使用VBA创建一个html表,除了获得换行符的表格标题外,一切正常。我试图让它无包装,但它不起作用,我在哪里犯错?

<Caption style="white-space: nowrap"> MyTable </Caption>

我也将相同的样式应用于<td>标签,但结果是一样的。似乎标题绑定到第一列的宽度,如何在不考虑列宽的情况下仅在一行中显示标题?

1 个答案:

答案 0 :(得分:0)

尝试在white-space: nowrap;属性中使用CSS属性overflow: hidden;style。运行下面的代码段以确定它的工作原理。

<table>
  <caption style="white-space: nowrap; overflow: hidden;">This is very very very long caption. The text is never wrap to the next line. The text continues on the same line until a &lt;br&gt; tag is encountered.</caption>
  <thead>
    <tr>
      <td>col 1</td>
      <td>col 2</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>11</td>
      <td>12</td>
    </tr>
    <tr>
      <td>21</td>
      <td>22</td>
    </tr>
    <tr>
      <td>31</td>
      <td>32</td>
    </tr>
  </tbody>
</table>