css中怎么设置table居中显示

在网页设计中，table 表格是一种常见的布局方式，但是默认情况下它是靠左对齐的，这对于一些需要居中对齐的页面来说不太友好。那么，该如何设置 table 表格居中显示呢？
首先，可以使用下面的 CSS 代码来设置 table 居中对齐：
pre {
white-space: pre-wrap;
}
p {
text-align: justify;
}
table {
margin: 0 auto;
}
解释一下上面的代码：
- pre 标签中的 white-space 属性用于指定段落内的空白符如何处理，pre-wrap 值表示保留所有空格和换行符，并允许文本折行。这样就可以解决代码格式化过程中出现的空白符问题。
- p 标签中的 text-align 属性用于控制段落内的文本对齐方式，justify 值表示两端对齐。这样可以显示出整齐的段落效果。
- table 中的 margin 属性用于设置表格的外边距。设置为“0 auto” 表示左右边距为 0，上下居中对齐。
但需要注意的是，这个方式只针对 table 标签，如果需要对 table 内容里的元素进行居中对齐，需要单独对每个元素使用 text-align 属性，例如：
table td {
text-align: center;
}
这样就可以控制 table 中每个单元格的文本居中对齐。
综上所述，只需通过简单的 CSS 设置，就可以轻松地将 table 居中对齐，使页面达到更好的阅读和显示效果。