如何在HTML的表格单元格中居中对齐文本？

  • Z时代
  • 2024-01-10
  • 分类：综合

要在表格单元格中居中对齐文本，请使用CSS属性text-align。以前使用<table>标签align属性，但是HTML5不推荐使用该属性。不要使用它。因此，请使用CSS在表格单元格中对齐文本。文本对齐将用于<td>标签。

我们正在使用style属性添加CSS。style属性指定元素的内联样式。该属性与HTML <td>标记一起使用，而CSS属性为text-align。HTML5不支持align标记，

请记住，样式属性的使用会覆盖全局设置的任何样式。它将覆盖HTML <style>标记或外部样式表中设置的任何样式。

对于文本对齐，将表格单元格设置为左对齐，右对齐或居中对齐

示例

您可以尝试运行以下代码以使HTML中的表格单元格中的文本居中对齐

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, td, th {
            border: 1px solid black;
            width: 300px;
         }
      </style>
   </head>
   <body>
      <h1>Our Technologies</h1>
      <table>
         <tr>
            <th>IDE</th>
            <th>Database</th>
         </tr>
         <tr>
            <td style="text-align:center">NetBeans</td>
            <td style="text-align:center">MySQL</td>
         </tr>
      </table>
   </body>
</html>

以上是 如何在HTML的表格单元格中居中对齐文本？ 的全部内容， 来源链接： utcz.com/z/361860.html

回到顶部