当前位置：文江博客话题详情

“div”在“桌子”里面

发布于 2024-09-04 09:37:57 字数 37 浏览 5 评论 0原文

根据 W3C，表格内是否允许使用 div？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

颜漓半夏 2024-09-11 09:37:57

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <title>test</title>
  </head>
  <body>
    <table>
      <tr>
        <td>
          <div>content</div>
        </td>
      </tr>
    </table>
  </body>
</html>

该文档已成功检查为 XHTML 1.0 Transitional！

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <title>test</title>
  </head>
  <body>
    <table>
      <tr>
        <td>
          <div>content</div>
        </td>
      </tr>
    </table>
  </body>
</html>

This document was successfully checked as XHTML 1.0 Transitional!

回复收藏 0 原文

知你几分 2024-09-11 09:37:57

您不能将 div 直接放入 table 中，如下所示：

<!-- INVALID -->
<table>
  <div>
    Hello World
  </div>
</table>

将 div 放入 >td 或 th 元素没问题，但是：

<!-- VALID -->
<table>
  <tr>
    <td>
      <div>
        Hello World
      </div>
    </td>
  </tr>
</table>

You can't put a div directly inside a table, like this:

<!-- INVALID -->
<table>
  <div>
    Hello World
  </div>
</table>

Putting a div inside a td or th element is fine, however:

<!-- VALID -->
<table>
  <tr>
    <td>
      <div>
        Hello World
      </div>
    </td>
  </tr>
</table>

回复收藏 0 原文

暖树树初阳… 2024-09-11 09:37:57

您可以将 div 标签放入 td 标签内，但不能直接放入 table 或 tr 标签内。

示例：

这有效：

<table>
  <tr>
    <td>
      <div>This will work.</div>
    </td>
  </tr>
<table>

这不起作用：

<table>
  <tr>
    <div> this does not work. </div>
  </tr>
</table>

这也不起作用：

<table>
  <div> this does not work. </div>
</table>

You can put div tags inside a td tag, but not directly inside a table or tr tag.

Examples:

This works:

<table>
  <tr>
    <td>
      <div>This will work.</div>
    </td>
  </tr>
<table>

This does not work:

<table>
  <tr>
    <div> this does not work. </div>
  </tr>
</table>

Nor does this work:

<table>
  <div> this does not work. </div>
</table>

回复收藏 0 原文

合久必婚 2024-09-11 09:37:57

正如其他人在这里指出的那样，虽然您可以将 DIV 放入 TD 中（而不是作为 TABLE 的直接子级），但我强烈建议不要使用 DIV 作为 TD 的子级。当然，除非你喜欢头痛。

收获很少，损失却很大，因为当你将两者结合起来时，在如何处理宽度、边距、边框等方面存在许多跨浏览器差异。我无法告诉您有多少次我不得不为客户清理此类标记，因为他们无法让自己的 HTML 在这个或那个浏览器中正确显示。

话又说回来，如果您对事物的外观不挑剔，请忽略此建议。

回复收藏 0 原文

赤濁 2024-09-11 09:37:57

这是允许的，因为TD可以包含内联和块元素。

您可以在参考中找到它： http://xhtml.com/ en/xhtml/reference/td/#td-contains

回复收藏 0 原文

~没有更多了~

关于作者

黄昏下泛黄的笔记

暂无简介

0 文章

0 评论

22 人气

关注发私信

留蓝

文章 0 评论 0

关注

18790681156

文章 0 评论 0

关注

zach7772

文章 0 评论 0

关注

Wini

文章 0 评论 0

关注

ayeshaaroy

文章 0 评论 0

关注

初雪

文章 0 评论 0

友情链接

文江博客

“div”在“桌子”里面

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（5）

关于作者

相关话题

热门标签

推荐作者

留蓝

18790681156

zach7772

Wini

ayeshaaroy

初雪

友情链接

“div”在“桌子”里面

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（5）

关于作者

相关话题

热门标签

推荐作者

留蓝

18790681156

zach7772

Wini

ayeshaaroy

初雪

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。