Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用CSS的表对齐问题_Html_Css_Alignment_Css Tables - Fatal编程技术网

Html 使用CSS的表对齐问题

Html 使用CSS的表对齐问题,html,css,alignment,css-tables,Html,Css,Alignment,Css Tables,我对使用HTML和CSS非常陌生,需要一些帮助来对齐3个单独的表,以便在您浏览页面时垂直列对齐 由于每个表中的内容量不同,他们目前不知道。我曾尝试在其他帖子上寻求建议,但运气不太好。我将表格的宽度设置为相同的,但我需要它们的列大小不同前两列大致相同,最后一列最长,内容最多 我怎样才能做到这一点 垂直对齐列。您可以尝试将以下内容添加到CSS中: td { vertical-align: top; } 您还可以将“顶部”更改为“中间”或“底部”,具体取决于您希望内容对齐的位置 希望这有帮助 您可以

我对使用HTML和CSS非常陌生,需要一些帮助来对齐3个单独的表,以便在您浏览页面时垂直列对齐

由于每个表中的内容量不同,他们目前不知道。我曾尝试在其他帖子上寻求建议,但运气不太好。我将表格的宽度设置为相同的,但我需要它们的列大小不同前两列大致相同,最后一列最长,内容最多

我怎样才能做到这一点


垂直对齐列。

您可以尝试将以下内容添加到CSS中:

td { vertical-align: top; }
您还可以将“顶部”更改为“中间”或“底部”,具体取决于您希望内容对齐的位置


希望这有帮助

您可以通过执行以下操作来实现:

table .centered {
     margin-left : auto;
     margin-right: auto;
}

如果您的表具有相同的宽度,这将起作用。

最好固定每列的宽度,然后所有内容都应该排列整齐。只需选择一个与您需要的最大可能宽度相匹配的宽度值

CSS语法很简单。如果您在html中使用以下内容声明单元格:

<th class="col1"> 

为什么不使用一个三列三行的表呢?这样地。这就是你想要的吗?
.col1 {width:130px}