如何按colgroup对齐所有列？它与colspan一起使用？
例
这个HTML在这里使用Firefox和Chrome进行了测试,但没有浏览器为所有预期列重新定义中心.
<table border="1" width="100%">
<colgroup>
<col style="text-align:center;background-color:red"/>
<col align="center" valign="bottom" style="background-color:blue"/>
<col align="center" valign="top" style="background-color:yellow"/>
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td align="center">$53</td>
</tr>
<tr>
<td><big>5869207</big></td>
<td>My first CSS</td>
<td><small>$49</small></td>
</tr>
</table>
在w3schools.com/tags使用此示例(复制/粘贴到).
PS：对齐和valign属性有什么问题？样式(通过文本对齐)也没有响应.
编辑
正如我上面所说,我需要一个解决方案“by colgroup”.它也可以“通过colgroup或col标签与style属性”.
我的模板系统需要使用colgroup(！),不是没有colgroup的解决方案.
我的系统不需要与HTML5兼容,它使用类似“XHTML模块”(see ex. DTD)的东西.
相关问题
> Is html <COL align> deprecated?：不一样,因为我的问题是关于XHTML,而不是HTML5(不是XML,而是“未来标准的计划”).
解决方法
如果您查看
http://www.w3schools.com/tags/tag_colgroup.asp,您将看到标签基本上从html5开始逐步淘汰.由于您的doctype设置为HTML5,因此您的对齐可能无法正常工作.在实践中,使用一个出门的标签是不好的,但是如果你必须使用它,请尝试将你的doctype设置为html 4,否则我会推荐Kontakt所说的并使用CSS选择器：nth-child.
编辑：我进一步调查并做了一些测试.设置doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
然后在IE7中运行它.你会看到它有效！即使你的doctype设置为低于4,似乎许多浏览器也不支持它.但是好的IE7仍然会呈现它.所有可以说的是,它是一个不推荐使用的标签,因为它很久以前就不受支持了.
原文地址：https://www.jb51.cc/html/226078.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
