html - 表格的行中的第一个 TD 如何与表格周围的内容对齐

问题描述

我有以下简单的 HTML 文档：

<!DOCTYPE html>
<html>
<head>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
  <title>table indent</title>

  <style type='text/css'>
     *             { font-family: Calibri; font-size: 30px}
     table#aligned { border-collapse: collapse}
  </style>

</head>
<body>

  <h2>Vwxyz</h2>
  Rows...
  <table id='aligned'>
     <tr><td>Row 1</td></tr>
     <tr><td>Row 2</td></tr>
     <tr><td>Row 3</td></tr>
  </table>

</body>
</html>

在 Chrome 中，表格上方的文本与表格行的第一个 TD 的内容并不完全对齐，如下图所示：

那么，有没有办法让这些元素相互对齐呢？

标签： htmlcssalignment

html - 表格的行中的第一个 TD 如何与表格周围的内容对齐

问题描述

解决方案

推荐阅读