如何将数据表标题保留在一行中？

Question

在我的数据表中，标题与排序箭头在一行中。

但我的数据表是可滚动的，当我缩小窗口时，标题会向下跳。

我试图这样解决这个问题：

  .table th{
    table-layout: fixed;
    word-wrap:break-word;
  }

但它并没有改变

Answer 1

您应该使用white-space: nowrap;，而不是word-wrap: break-word;。这样标题单元格内的空格就不会被破坏。