Question

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

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

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

但它没有奏效。 css代码中的某些内容阻止我进行此更改。

和here我希望这两个文本在页面中位于同一行，因为一个文本正在改变，但我无法将它们组合在一起

Answer 1

请勿尝试在HTML中设置对齐方式，请在css中进行设置。您需要将text-align设置为left，并在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>

Answer 2

您需要删除地址单元格上的填充。

对于第二点，你需要添加一个 display:inline-block http://jsfiddle.net/6v67a/1484/

Answer 3

我为你编写了代码。如果您希望更改只发生在地址中的单元格上这是一个简单的修复。将类添加到要更改的表格单元格中，并将此代码添加到css中。它的工作原理

.classadded{
padding-left: 9px !important;
white-space: normal;
}

这是working fiddle

Answer 4

如果你想要制作所有的td，那么文本左对齐，那么你可以使用它：

std::to_string(float)

或者如果你想要不同的TD和TH，那么使用它：

div#users-contain table td,
div#users-contain table th {
  border: 9px solid #eee;
  padding: .6em 220px .6em 20px ;
}

Answer 5

HTML5不支持align属性。请改用CSS https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_tr_align

html表行文本在左边对齐

5 个答案: