我怎么能沒有中心 <center></center> ？

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> 

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>

或使用外部樣式腳本（推薦）。

這是一個工作片段：

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

---

text-align具有三個屬性：

center文本

left對齊，使文本left對齊

right ，使文本right對齊。

可以在此處找到有關text-align屬性的參考