如何在CSS中居中放置表格?

在网站设计中使用表格是一项令人兴奋的任务。默认情况下，表格的对齐方式是向左对齐，但是通过使用CSS中的margin属性，我们可以将其对齐到中心。

如果我们将margin-left和margin-right的值设置为auto，则浏览器将表格居中显示。我们可以使用速记属性margin，并将其设置为自动以使表格在中心对齐，而不是使用margin-left和margin-right属性。

而不是使表格居中对齐，而是使用text-align：center;属性仅使表格内容居中，例如表格内的文本。

让我们通过插图来了解这一点。

例

在此示例中，我们使用text-align：center;属性，将内容置于表格内部居中，并在margin-left处设置：auto;右边距：自动；使桌子居中。

  

  

  
  

First_Name
Last_Name
Subject
Marks
  

James
Gosling
Maths
92
  

Alan
Rickman
Maths
89
  

Sam
Mendes
Maths
82
  
  

   

输出量