html - … doesn't work

Question

我正在制作一个网站，我有两个关于 <div position:absolute;left:Xpx;top:Ypx> 的问题(X 和 Y 是数字)代码 <div position:absolute;left:Xpx;top:Ypx>设置句子或图像或 hr 等的位置...在我的网站上，我设置了我的句子 using 并将其设置在中间，问题是当我恢复浏览器并调整它的大小时，我的句子的位置发生了变化!另一个问题是，当我转到另一台屏幕更大(或更小)的 PC 或笔记本电脑时，句子位置从中心向左改变!我认为“px”参数的问题是因为当您调整浏览器屏幕的大小时，px 的位置会发生变化，这与不同屏幕的不同计算机相同。<div> 的示例:

<div style="font-size:80%;position:absolute;l…
<p>Estimated Time Remaining Before launch:</p>
</div>

有什么建议可以解决这些问题吗？

Answer 1

您正在设置一个“绝对”位置，无论您的浏览器大小如何，该元素都将始终位于距左侧“X”像素和距顶部“Y”像素的位置。如果，正如我从您的描述中理解的那样，您希望元素始终居中，我发现这样做的最佳方法是使用 css 样式设置其父元素(它包含在其中的元素):

text-align:center;

然后用css样式设置你希望居中的元素:

margin:0px auto;

0px 指的是元素上方和下方的边距(Y 轴)，auto 设置元素左右两侧的边距。或者，如果这让您感到困惑，您可以这样设置各个边距:

margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;

您可以将上下边距设置为您想要的任何值，但必须保持左右为自动；如果你希望元素完美居中，你可能希望将其设置为百分比，尽管它需要大量调整才能使其在多种屏幕尺寸下完美工作。

祝你好运，希望我有所帮助。

附言必须确保元素不再是 position:absolute;而不是给它:相对的；或者留空