在 xHTML 中将表格居中答案

【问题标题】：Centering a Table in xHTML在 xHTML 中将表格居中
【发布时间】：2016-09-12 18:53:27
【问题描述】：

我需要在 xHTML 中使整个表格居中。在 HTML 中工作的标签不一定在 xHTML 中工作，但这样做的方法并不明显（对我来说）。

在 HTML 中工作：

<div>
<table border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse; width:90%;">

不适用于 xHTML：

<div>
<table border="0" cellspacing="0" cellpadding="0" style="align:center;border-collapse:collapse; width:90%;">

使用 text-align:center 改为更改单元格内文本的对齐方式，而不是页面上整个表格的对齐方式。

在 xHTML 中居中对齐表格的正确方法是什么。

【问题讨论】：

我认为你最好使用边距来居中。比如，“margin:0px auto”。这样效果更好。
如果你还是要使用 CSS，你还应该转换 border、cellpadding 和 cellspacing。顺便说一句，align 不是 CSS 属性。你的意思是text-align。但这行不通；请参阅 durbnpoisn 的评论。

【解决方案1】：

请记住，您使用 CSS 来更改形容词/样式，而 (X)HTML 专注于名词结构（标题、图像、段落等）。 XHTML table 是一个名词，CSS margin 和 text-align 是用来描述这些名词的形容词。

此外，使用块/内联包罗万象类更简单：

.center {margin: auto; text-align: center;}

【讨论】：

【解决方案2】：

实现这一点的一种方法是在样式属性中使用边距：

<table style="margin-left:auto; margin-right:auto">

【讨论】：

【解决方案3】：

作为答案发布。我认为你最好使用边缘来居中。喜欢：

margin:0px auto;

效果更好。希望对您有所帮助！

【讨论】：

如果实际上需要在 XHTML 页面中将表格居中，并强调“X”，那么这可能是更好的答案，因为它说明了用于执行此操作的 CSS .请参阅 stackoverflow.com/questions/2612483/… 等。