html - 有没有一种方法可以将两个单词堆叠在 HTML 表格的一个单元格中？

Question

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

我正在尝试得到这样的东西，

但我一直收到这个，

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

Answer 1

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

th {
  text-align: center;
}

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

或者使用 span 元素创建线条并使这些元素 block 如下:

th {
  text-align: center;
}

span {
  display: block;
}

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