css - HTML 如何将对象保持在同一位置

标签 css html css-float html5-canvas

我有一个 html 网页,我在这个网页中有一个表格。我想把它放在中间一定距离的地方。 (我有一个小外星生物作为背景图片,看起来好像他拿着这张 table )。我使用了绝对定位并做了例如:

顶部:20%,右侧:10%。

当我上传网页时,它位于一台显示器上的一个位置,然后当我使用更大屏幕的显示器时, table 位于不同的位置。无论显示器有多大,我如何防止这种情况发生;无论如何, table 仍然在一个位置?我的网页没有任何滚动条,因此所有内容都在一个显示器上,无需滚动。也许我必须使用相对或静态或固定定位?我不知道谢谢你的帮助

<table style="position: absolute; top:20%; right:10%" width=60% border="1">

最佳答案

您应该使用实际像素值。由于您使用的是百分比,因此它会根据屏幕尺寸而变化。也让它相对于左边缘,而不是右边缘,除非你试图与之对齐的图像是向右浮动的。

做类似的事情:

<table style="position: absolute; top:50px; left:100px" width=100px border="1">

关于css - HTML 如何将对象保持在同一位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23003416/

相关文章:

javascript - 如何绑定(bind)CSS动画持续时间滚动

html - 如何分隔用户的消息并防止它们并排堆叠?

javascript - Angular 多选树不起作用

javascript - 如何在拖动太阳时转换背景?

css - 使页脚贴在页面底部而没有多余的标记

css - 下部 div 与上部 div 重叠

html - 在 iframe 顶部重叠 div

html - 通过 CSS 将内容框分布/ float 到等高列

CSS 背景颜色过渡在特定浏览器(桌面 + 移动)中不起作用

javascript - 上传前用 Canvas 调整图像大小