如何通过colgroup中心XHTML(和/或HTML4)TABLE列？

Question

如何通过colgroup中心XHTML(和/或HTML4)TABLE列？

如何按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>

Run Code Online (Sandbox Code Playgroud)

在w3schools.com/tags上使用此示例(复制/粘贴到).

PS:有什么问题align和valign属性？样式(通过文本对齐)也没有响应.

编辑

正如我上面所说,我需要一个解决方案"by colgroup ".它也可以是"by colgroup或coltags with styleattribute".

我的模板系统需要使用colgroup(!),没有有效的解决方案colgroup.我的系统不需要与HTML5兼容,它使用类似"XHTML模块"的东西(参见例如DTD).

相关问题

是否已弃用html <COL align>？:不一样,因为我的问题是关于XHTML,而不是HTML5(不是XML,而是"未来标准的计划").

Answer 1

ug_*_*ug_ 5

如果您查看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">

Run Code Online (Sandbox Code Playgroud)

然后在IE7中运行它.你会看到它有效!似乎很多浏览器都不支持它,即使你的doctype设置为低于4.但是好的IE7仍然会呈现它.所有可以说的是,它是一个不推荐使用的标签,因为它很久以前就不受支持了.

Answer 2

Pet*_*uss 1

好吧，感谢所有答案和线索。我的结论colgroup是

HTML 必须符合标准（XHTML1.0、XHTML1.1 或 HTML4.X）；
...但只有一种浏览器（Opera）符合标准。
（MS-IE没有“符合标准”的传统，我们可以忽略IE7令人惊讶的情况）

“如何通过 colgroup 将列居中？ ”：遵循标准说明...所以，我的 HTML 代码（在这个问题介绍中）始终是正确的！我的错误是想在任何网络浏览器上看到它！

一些“正确的问题”是（示例）：

为什么其他浏览器没有实现colgroup标准行为？在@ns47731的回答中我们看到了一些线索。也许网络浏览器开发人员期待的是 HTML5，而不是 XHTML2。另请参阅下面的@Alohci 评论。
为什么HTML5和XHTML2提案存在分歧colgroup？ 没有答案的线索...我的假设：XHTML2 和 HTML5 不会 100% 兼容。
我可以与我的“模板系统开发人员”（XSLT 开发人员）协商添加此“XHTML1 标准兼容功能”吗？:-) 请在PMC 文章预览器大厅中帮助我。

归档时间：	12 年，5 月前
查看次数：	901 次
最近记录：	12 年，5 月前