css - 修改 bootstrap 4 table-thead 中的对齐文本

Question

试图修改我表格中的样式。在本例中，文本将只使用一行。为此，我想使用:

white-space: nowrap;

.table-font-size {
    font-size: 13px;
    white-space: nowrap;
}

<table class="table table-hover table-sm table-responsive table-bordered table-font-size">
  <thead class="thead-default">
    <tr>
      <th class="thead-nowrap" th:text="#{large.text1}">Large text 1</th>
      <th class="thead-nowrap" th:text="#{large.text2}">Large text 2</th>
      <th class="thead-nowrap" th:text="#{large.text3}">Large text 2</th>
    </tr>
  </thead>
</table>

适用于所有表格，但我不希望这样。

有什么建议吗？

谢谢

Answer 1

试试这个:

 .table .thead-nowrap{
        white-space: nowrap;
    }