在网页上对齐复杂图像

Question

在HTML网页上定位和对齐图像的最佳方法是什么？

我将有大约10个用户控件，每个用户控件都有一组特定图案的图像，例如 - 圆弧，圆，直线，其他一些曲线。

所有图像的大小都相同。

如何使用最佳做法实现这一目标？

Answer 1

绝对定位可能就是这样的事情。通过绝对定位，您基本上只需定义每个的x / y坐标。要绝对定位元素，请在CSS中设置position: absolute;，然后top: 5px;和left: 5px;（即距离顶部5个像素，左起5个;您也可以使用底部并且正确）。请注意，尽管它被称为“绝对”定位，这会使您认为它与整个文档相关，但它实际上只相对于第一个具有static以外定位的祖先元素（静态是正常定位模式）。因此，如果您想在父级中包含一组并正常放置它，您可以将其设置为position: relative;，或者您也可以将其置于绝对位置。如果没有父级具有非静态定位，则它将相对于整个页面。另外需要注意的是，绝对定位的元素不会占用任何空间，因此，例如，如果你有一个绝对定位的大元素，并且窗口太小，则不会有滚动条。