html - 使用 CSS 的表格对齐问题

标签 html css alignment css-tables

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

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

实现此目标的正确方法是什么?

垂直对齐列。

最佳答案

最好固定每一列的宽度,这样一切都应该整齐排列。只需选择一个与您可能需要的最大宽度相匹配的宽度值即可。

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

<th class="col1"> 

在第一个列标题中,然后您可以在 CSS 中定义列的宽度:

.col1 {width:130px}

关于html - 使用 CSS 的表格对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26592380/

相关文章:

css - CSS 菜单上的额外间距

php - 如何使用 PHP 将 JSON 解析为 html 表?

javascript - Greensock-DrawSVG

css - 对齐 HTML5 表单元素

HTML 表格删除特定列之间的填充

jquery - CSS 和菜单在 iOS 设备中不起作用 [WordPress]

android - 相对布局 : Can't assign a view above a referenced view if margin is involved

php - 将 HTML 转换为 PHP Wordpress 页脚不起作用

html - 如何使用字体颜色html

javascript - 视口(viewport)大小改变时自动刷新页面