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。

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

请勿使用<center></center>折旧。而是使用text-align属性来定位文本。

您只需要为td元素添加样式并使用center属性。你可以这样做：

<style>
td {
    text-align: center;
}
</style>

或者您可以将text-align: center;直接添加到每个td中，如下所示：

<td style="text-align:center"> enE jk <br> 5.6 </td>

或使用外部样式脚本（推荐）。

这是一个工作片段：

＆＃13;

td {
  text-align: center;
}

＆＃13;

<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>

＆＃13;

text-align有三个属性：

center以文字为中心

left将文字与左侧对齐

right将文字与右侧对齐。

text-align property can be found here

的参考

如何在没有<center> </center>的情况下居中？

2 个答案: