Html 文本对齐：右侧不适用于th元素

为什么我不能右对齐th中的文本

HTML:

  <table>
    <tr>
      <th>Averages:</th>
    <tr>
    <tr class="average_labels">
      <td id="minute_label">1 min</td>
      <td id="minute_label">5 min</td>
      <td id="minute_label">15 min</td>
    </tr>
    <tr class="average_data">
      <td id="one_minute">2.30</td>
      <td id="five_minute">2.24</td>
      <td id="fifteen_minute">2.01</td>
    </tr>
  </table>

您需要执行

而不是

---

您当前的代码有什么问题：

  <table>
    <tr>
      <th>Averages:</th>
    <tr>
    <tr class="average_labels">
      <td id="minute_label">1 min</td>
      <td id="minute_label">5 min</td>
      <td id="minute_label">15 min</td>
    </tr>
    <tr class="average_data">
      <td id="one_minute">2.30</td>
      <td id="five_minute">2.24</td>
      <td id="fifteen_minute">2.01</td>
    </tr>
  </table>

您的表有三列，由三个

元素表示。您的

只有一列宽，因此它将与该列右对齐。请看下面的演示：

th{text align:right；}
th，td{边框：1px纯黑色；}

平均数：
1分钟
5分钟
15分钟
2.30
2.24
2.01

您需要执行

而不是

---

您当前的代码有什么问题：

  <table>
    <tr>
      <th>Averages:</th>
    <tr>
    <tr class="average_labels">
      <td id="minute_label">1 min</td>
      <td id="minute_label">5 min</td>
      <td id="minute_label">15 min</td>
    </tr>
    <tr class="average_data">
      <td id="one_minute">2.30</td>
      <td id="five_minute">2.24</td>
      <td id="fifteen_minute">2.01</td>
    </tr>
  </table>

您的表有三列，由三个

元素表示。您的

只有一列宽，因此它将与该列右对齐。请看下面的演示：

th{text align:right；}
th，td{边框：1px纯黑色；}

平均数：
1分钟
5分钟
15分钟
2.30
2.24
2.01

尝试执行

-您的表有三列，由三个

元素指示。您的

只有一列宽，因此它将与该列右对齐。如果你想让一个

跨越三列，你需要

colspan=“3”

。你的th是一列的，这种样式可以工作，但是因为你只有一列，它的效果不容易查看。把这个规则添加到你的CSS中，你可以很容易地看到问题：

table，th，td{border:1px solid#999；}

尝试执行

-您的表有三列，由三个

元素指示。您的

只有一列宽，因此它将与该列右对齐。如果你想让一个

跨越三列，你需要

colspan=“3”

。你的th是一列的，这种样式可以工作，但是因为你只有一列，它的效果不容易查看。将此规则添加到CSS中，你可以很容易地看到问题：

表格，th，td{border:1px solid#999；}