Html 如何制作<；表>；列右对齐 示例文本 此文本应右对齐 我是一个间隔者

导致文本未右对齐。如果将相同样式应用于

td

元素，则效果良好。如何右对齐列中的文本而不必对每个

td

元素应用样式？

HTML不是按列呈现的，而是按行呈现的。这就是为什么存在

（表行），但

（表列）不存在的原因。也就是说，在HTML中设置列样式的最简单方法是对给定列中的每个

应用相同的CSS类。您可以手动为每个类键入相同的类，也可以通过javascript或服务器端脚本以编程方式编写。HTML不是按列呈现的，而是按行呈现的。这就是为什么存在

（表行），但

（表列）不存在的原因。也就是说，在HTML中设置列样式的最简单方法是对给定列中的每个

应用相同的CSS类。您可以手动为每个类键入相同的类，也可以通过javascript或服务器端脚本以编程方式编写。HTML不是按列呈现的，而是按行呈现的。这就是为什么存在

（表行），但

（表列）不存在的原因。也就是说，在HTML中设置列样式的最简单方法是对给定列中的每个

应用相同的CSS类。您可以手动为每个类键入相同的类，也可以通过javascript或服务器端脚本以编程方式编写。HTML不是按列呈现的，而是按行呈现的。这就是为什么存在

（表行），但

（表列）不存在的原因。也就是说，在HTML中设置列样式的最简单方法是对给定列中的每个

应用相同的CSS类。您可以手动为每个类键入相同的类，也可以通过javascript或服务器端脚本以编程方式编写该类。

添加以下CSS：

<table>
  <colgroup>
    <col>
    <col style='text-align:right'>
  </colgroup>
  <tbody>
    <tr>
      <td>Sample text</td>
      <td>This text should be right-aligned</td>
    </tr>
    <tr>
      <td></td>
      <td>
        <div id='spacer' style='width:100px'>
          I'm a spacer
        </div>
      </td>
    </tr>
  </tbody>
</table>

第n个子项（后的数字是列，因此在本例中为2，因为它是第二列。Fiddle:

添加以下CSS：

<table>
  <colgroup>
    <col>
    <col style='text-align:right'>
  </colgroup>
  <tbody>
    <tr>
      <td>Sample text</td>
      <td>This text should be right-aligned</td>
    </tr>
    <tr>
      <td></td>
      <td>
        <div id='spacer' style='width:100px'>
          I'm a spacer
        </div>
      </td>
    </tr>
  </tbody>
</table>

第n个子项（后的数字是列，因此在本例中为2，因为它是第二列。Fiddle:

添加以下CSS：

<table>
  <colgroup>
    <col>
    <col style='text-align:right'>
  </colgroup>
  <tbody>
    <tr>
      <td>Sample text</td>
      <td>This text should be right-aligned</td>
    </tr>
    <tr>
      <td></td>
      <td>
        <div id='spacer' style='width:100px'>
          I'm a spacer
        </div>
      </td>
    </tr>
  </tbody>
</table>

第n个子项（后的数字是列，因此在本例中为2，因为它是第二列。Fiddle:

添加以下CSS：

<table>
  <colgroup>
    <col>
    <col style='text-align:right'>
  </colgroup>
  <tbody>
    <tr>
      <td>Sample text</td>
      <td>This text should be right-aligned</td>
    </tr>
    <tr>
      <td></td>
      <td>
        <div id='spacer' style='width:100px'>
          I'm a spacer
        </div>
      </td>
    </tr>
  </tbody>
</table>

---

第n个子项（后的数字是列，因此在本例中为2，因为它是第二列。Fiddle:

相关：@Shel，如果您查看，您会发现：“不要试图在给出

元素的选择器上设置文本对齐属性。因为

元素不是

元素的后代，它们不会继承它。”@misterManSam我在MDN文档中查看了很多次，但不知怎的错过了/没有理解它。相关：@Shel，如果您查看不要试图在提供

元素的选择器上设置文本对齐属性。因为

元素不是

元素的后代，它们不会继承它。“@misterManSam我在MDN文档中查看了很多次，但不知怎的错过了/没有理解它。相关：@Shel，如果您查看不要试图在提供

元素的选择器上设置文本对齐属性。因为

元素不是

元素的后代，它们不会继承它。“@misterManSam我在MDN文档中查看了很多次，但不知怎的错过了/没有理解它。相关：@Shel，如果您查看不要试图在给出

元素的选择器上设置文本对齐属性。因为

元素不是

元素的后代，它们不会继承它。”@misterManSam我查看了MDN文档很多次，不知怎的错过了/不理解这一点。