Question

我的页面上有一些图像在我的Mac上看起来很好但是当我在另一台计算机上打开页面时，元素的位置完全不同。我的文本放置也有同样的问题，在我的计算机上，文本距离页面边缘3厘米，但在不同的屏幕上，它不对。这是代码片段。

图像放置：

HTML

<img src="las.jpg" width=660px height="auto" class="center"/>

CSS文件

.center{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: -10%;
}

TEXT PLACEMENT：

HTML

<p><i><b>Park Narodowy</b> - "obejmuje obszar wyróżniający się szczególnymi `wartościami przyrodniczymi, naukowymi, społecznymi, kulturowymi i edukacyjnymi, o powierzchni nie mniejszej niż 1000 ha, na którym ochronie podlega cała przyroda oraz walory krajobrazowe." <br></i></p>

CSS文件：

p{

position: absolute; left: 8cm;
right: 8cm;
text-align: justify;
}

Answer 1

不同的计算机意味着不同的屏幕尺寸，但也有不同的导航器。

在css中，使用auto值意味着您确实在浏览器默认样式表上处理参数，在您的情况下是左右边距。

自动

浏览器选择合适的保证金使用。例如，在某些情况下，此值可用于居中元素。

来自https://developer.mozilla.org/en-US/docs/Web/CSS/margin

此外，当使用百分比等相对单位时，该值会因屏幕和窗口大小而异，从而导致不同的行为。您可以使用像素等绝对单位来避免此问题。

不同计算机上的位置相同

1 个答案: