html - 没有 怎么居中？

Question

我现在有这段代码:

<tr>
    <td>1</td>
    <td><center> enE jk <br> 5.6 </center></td>
    <td><center> mtE hp <br>  6.4 </center></td>
    <td><center> hpE eb <br> HML </center></td>
    <td><center> reE pm <br> 514 </center></td>
    <td><center> hpE eb <br> HP2</center></td>

但是，我不想继续使用 <center></center> ...

有什么帮助吗？

Answer 1

考虑使用 CSS 属性 text-align .

table {
  border-collapse: collapse;
}

td {
  border: 1px solid #AAA;
  padding: .5em 1em;
  text-align: center;
}

<table>
  <tr>
    <td>1</td>
    <td>enE jk<br>5.6</td>
    <td>mtE hp<br>6.4</td>
    <td>hpE eb<br>HML</td>
    <td>reE pm<br>514</td>
    <td>hpE eb<br>HP2</td>
  </tr>
</table>