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

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

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

编辑

正如我上面所说,我需要一个解决方案“by colgroup”.它也可以“通过colgroup或col标签与style属性”.

我的模板系统需要使用colgroup(！),不是没有colgroup的解决方案.
我的系统不需要与HTML5兼容,它使用类似“XHTML模块”(see ex. DTD)的东西.

解决方法

如果您查看 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.f2er.com/html/226078.html

如何以colgroup为中心的XHTML(和/或HTML4)TABLE列？

解决方法

猜你在找的HTML相关文章