javascript - 要在左侧对齐的html表格行文本

Question

我正在尝试使“地址”列中的数据没有边距。从左边开始，因为它们溢出了。html、css 和 js 代码是 here

不知道为什么，我也试过了

<td align="left">..</td>

但是没有用。 CSS 代码中的某些内容阻止我进行此更改。

和here我希望这两个文本位于页面下方的同一行中，因为一个文本正在更改，但我无法将其放在一起

Answer 1

不要尝试在您的 HTML 中设置对齐方式，而是在您的 css 中设置它。您需要将 text-align 设置为 left 并将 padding 设置为 0 th 和 td 元素。

table, th, td {
  border: solid 1px #CCC;
}

table {
  width: 100%;
}

th, td {
  padding: 0;
  text-align: left;
}

<table>
  <tr>
    <th>first</th>
    <th>second</th>
  </tr>
  <tr>
    <td>first</td>
    <td>second</td>
  </tr>
  <tr>
    <td>first</td>
    <td>second</td>
  </tr>
</table>