📜  如何在CSS中居中表格

📅  最后修改于: 2020-11-05 08:49:12             🧑  作者: Mango

如何在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
JamesGoslingMaths92
AlanRickmanMaths89
SamMendesMaths82

输出量