表内的div

and*_*van 34 html w3c-validation

根据w3c,有人可以告诉我是否允许表内的div

ech*_*hox 43

<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>
Run Code Online (Sandbox Code Playgroud)

此文档已成功检查为XHTML 1.0 Transitional!


Pär*_*der 38

你不能div 直接把一个放在里面table,像这样:

<!-- INVALID -->
<table>
  <div>
    Hello World
  </div>
</table>
Run Code Online (Sandbox Code Playgroud)

把一个div内部的tdth元件是好的,但是:

<!-- VALID -->
<table>
  <tr>
    <td>
      <div>
        Hello World
      </div>
    </td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)


Pau*_*aul 16

你可以将div标签放在td标签内,但不能直接放在table或tr标签内.例子:

这工作:

<table>
  <tr>
    <td> 
      <div>This will work.</div> 
    </td>
  </tr>
<table>
Run Code Online (Sandbox Code Playgroud)

这不起作用:

<table>
  <tr>
    <div> this does not work. </div> 
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

这也不起作用:

<table>
  <div> this does not work. </div>
</table>
Run Code Online (Sandbox Code Playgroud)


Rob*_*sto 9

虽然你可以像其他人在这里注意到的那样,将DIV放在TD中(而不是作为TABLE的直接孩子),但我强烈建议不要将DIV用作TD的孩子.当然,除非你是头痛的粉丝.

几乎没有什么可以获得,并且还有很多东西要丢失,因为当你将两者结合起来时,有很多关于如何处理宽度,边距,边界等的跨浏览器差异.我无法告诉你有多少次我必须为客户清理这种标记,因为他们无法在这个或那个浏览器中正确显示HTML.

再说一遍,如果你对事情看起来并不挑剔,请忽视这个建议.