gpt4 book ai didi

html - 当引入水平滚动时,*应该*如何呈现此内容?

转载 作者:行者123 更新时间:2023-11-28 13:51:38 26 4
gpt4 key购买 nike

给定标记 like this :

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

如果表格太宽,需要引入水平滚动条,应该如何渲染?

标题 div 应该在最左边的可见屏幕居中,还是在表格上方居中?还是别的?

注意:我知道什么does发生了什么,我正在寻找的是定义应该发生什么的官方引用(我遇到了 an issue )。

最佳答案

div 是 block 元素,根据定义,其默认 width 设置为其父容器的 100%。本例中的父容器是浏览器窗口的可见部分。

因此,无论下表(或与此相关的任何元素)多宽(或多窄;尝试一下),div 仍将填充 100% 的可见浏览器窗口。

因为 div 和窗口一样宽,所以它会出现在窗口的中心。

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

关于html - 当引入水平滚动时,*应该*如何呈现此内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1601050/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com