给定标记like this:
<body>
<div style='text-align:center'>header</div>
<table>
<tr><td>
really_wide_table................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................
</td></tr>
</table>
</body>
如果表格太宽以至于引入了水平滚动条,应如何呈现?
标题div应该位于最左侧可见屏幕的中心,还是位于表格的中心?或其他什么?
答案 0 :(得分:2)
div
是一个块元素,根据定义,其默认width
设置为其父容器的100%
。在这种情况下,父容器是浏览器窗口的可见部分。
因此,无论下面的表格(或任何元素)有多宽(或多窄;尝试一下),div
仍会填充100%的可见浏览器窗口。
由于div
与窗口一样宽,因此它将显示在窗口的中心位置。
我没有任何“官方”参考,但我知道这是DOM和CSS规范的工作方式。