css - 有行跨度时如何定位第二行的单元格？

Question

我的 CSS 将数据表中的所有单元格居中，除了第一列中的单元格居中，如下所示:

td {text-align:center}
td:first-child {text-align:left}

除了第一列中的任何单元格跨越多行的表格外，一切都很好。当然，一张图片胜过一千个字，所以你开始吧:

http://jsfiddle.net/michaelbluejay/qmGGG/1/

我知道我可以在有问题的单元格上使用内联 CSS 或类来使它们居中，但我希望有一个不需要编辑

最佳答案

您可以为此使用 colgroup。 http://www.w3schools.com/tags/tag_colgroup.asp

如果您尝试，请不要忘记删除您的 td:first-child 选择器。

<colgroup>
    <col />
    <col style="text-align:center;" />
    <col style="text-align:center;" />
</colgroup>

我使用内联样式作为示例。当然，将其放入您的 css 文件中。

关于css - 有行跨度时如何定位第二行的单元格？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19370837/

上一篇：css - 使用 rad tab strip asp.net telerik 垂直对齐文本

下一篇：css - 背景图像不在列上重复

相关文章：

html - 删除了菜单项，如何使菜单栏扩展以填充空间？

javascript - 所有设备上的 CSS/Javascript 流畅推送菜单

css - 自动增加 selectOneMenu 选项宽度？

css - padding-left 在表格内

java - 带有提交按钮的 html 表，用于使用 SQL 数据库中的数据更新每个单独的表行

javascript - 实现多个组合框只会产生一个下拉按钮

python - 难以在 Flask 的模板文件夹中将外部 CSS 和 bootstrap 文件包含在 HTML 中

java - WebView 最小缩放太大，内部显示的表格未正确调整大小

php - 创建一个表，每行包含一个与该行数据相关的按钮

javascript - 表格溢出时奇怪的 HTML 表格行高

©2023 IT工具网  联系我们

本身的通用解决方案。你怎么看？

Answer 1

您可以为此使用 colgroup。 http://www.w3schools.com/tags/tag_colgroup.asp

如果您尝试，请不要忘记删除您的 td:first-child 选择器。

<colgroup>
    <col />
    <col style="text-align:center;" />
    <col style="text-align:center;" />
</colgroup>

我使用内联样式作为示例。当然，将其放入您的 css 文件中。