2

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

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

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

4

1 回答 1

0

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

text-align:center;

然后使用 css 样式设置您希望居中的元素：

margin:0px auto;

0px 指的是元素上方和下方的边距（Y 轴），自动将边距设置为元素的左侧和右侧。或者，如果这让您感到困惑，您可以这样设置各个边距：

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

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

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

PS 必须确保元素不再是 position:absolute; 而是给它 :relative; 或留空

于 2012-07-19T16:04:10.787 回答