有没有办法在 HTML table 的一个单元格中堆叠两个单词？

Question

我试图在 table 的单个单元格中将两个词相互堆叠，但我找不到答案。

我想得到这样的东西，

但我一直收到这个，

这是代码行 - <th bgcolor='#ffe598' text-align= 'center'>Social Studies</th> 这意味着 table，而不仅仅是一行简单的代码。任何帮助将不胜感激。

Answer 1

您可以使用 <br>。一个换行符。您可以查看有关它的一些文档 here.

Answer 2

简单的解决方案是添加一个硬编码的换行符<br>

th {
  text-align: center;
}

<table>
  <tr>
    <th>Social<br> Studies</th>
  </tr>
</table>

或者使用 span 元素创建行并将这些元素块化为：

th {
  text-align: center;
}

span {
  display: block;
}

<table>
  <tr>
    <th>
      <span>Social</span>
      <span>Studies</span>
    </th>
  </tr>
</table>

Is there a way to stack two words in one cell of a HTML table?