1

给定这样的标记：

<body>
  <div style='text-align:center'>header</div>
  <table>
    <tr><td>
      really_wide_table................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................
    </td></tr>
  </table>
</body>

如果表格太宽以至于引入了水平滚动条，应该如何呈现？

标题 div 应该在最左边的可见屏幕中居中，还是在表格上方居中？或者是其他东西？

注意：我知道会发生什么，我正在寻找的是定义应该发生什么的官方参考（我遇到了一个问题）。

4

1 回答 1

2

Adiv是一个块元素，根据定义，它的默认width设置为100%它的父容器。在这种情况下，父容器是浏览器窗口的可见部分。

因此，无论下表有多宽（或多窄；尝试一下）（或任何与此相关的元素），div仍然会填充 100% 的可见浏览器窗口。

由于div它与窗口一样宽，因此它将显示在窗口的中心。

我对此没有任何“官方”参考，但我知道这就是 DOM 和 CSS 规范的工作方式。

于 2009-12-04T16:21:41.093 回答