加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 18:32:47 所属栏目:资源 来源:网络整理
导读:如何按colgroup对齐所有列?它与colspan一起使用? 例 这个HTML在这里使用Firefox和Chrome进行了测试,但没有浏览器为所有预期列重新定义中心. table border="1" width="100%" colgroup col style="text-align:center;background-color:red"/ col align="cent
如何按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仍然会呈现它.所有可以说的是,它是一个不推荐使用的标签,因为它很久以前就不受支持了.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读