首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >应用于<col>元素的CSS类未完全应用

应用于<col>元素的CSS类未完全应用
EN

Stack Overflow用户
提问于 2013-05-11 22:14:40
回答 1查看 78关注 0票数 0

使用此CSS:

代码语言:javascript
复制
table.swtable, .swtable tr, td {border-collapse:collapse; border: 1px solid black; width: auto !important}
.swtable td {padding: 10px; text-align: center}
.swcolheading {background-color: #D9FFD9}
.swrowheading {background-color: #D9FFD9; text-align: right}

和这个HTML:

代码语言:javascript
复制
<table class="swtable">
    <colgroup><col class="swrowheading"></colgroup>
    <tr class="swcolheading"><td></td><td>col 1</td><td>col 2</td></tr>
    <tr><td>row 1</td><td>c1 r1</td><td>c2 r1</td></tr>
    <tr><td>row 2</td><td>c1 r2</td><td>c2 r2</td></tr>
</table>

表格为第一列选取了正确的背景颜色,但该列中的文本居中对齐。如何使第一列中的文本右对齐?显然,CSS的第一行是为所有单元格设置中心对齐,但是如何覆盖第一列?

注意,为表格指定了width选项,因为其他人的CSS将表格宽度设置为100%,这是我不想要的。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-05-12 03:38:02

感谢Martin Turjak将我引向这个帖子using text-align center in colgroup。它显示只支持四个属性(不是文本对齐),并提供了一个链接来解释原因。所以这个问题的答案是:它不能用

这篇文章还展示了如何将text-align: right应用于表中的第一列,这就是我想要做的,它给了我需要的答案。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16497996

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档