Html 如何在CSS中居中放置绝对位置的项_Html_Css_Css Position

Html 如何在CSS中居中放置绝对位置的项

html css

Html 如何在CSS中居中放置绝对位置的项,html,css,css-position,Html,Css,Css Position,我一直在寻找我的问题的答案，但我大部分都找到了一个看起来相似但仍然不同的问题的答案我有一个图像，我正试图把其他几个较小的图像。我将较大的图像放置在一个背景中，这样我就可以在较小的图像上使用“位置：继承”，这非常有效：我的图像完全放置在它们的背景上我的问题是，为了工作，这需要将我的大图像样式设置为“位置：绝对”。因此，我无法将我的整个装置移动到页面上的任何位置，只能移动到它当前所在的左上方 HTML文件： <html> <head> <link rel="sty

我一直在寻找我的问题的答案，但我大部分都找到了一个看起来相似但仍然不同的问题的答案

我有一个图像，我正试图把其他几个较小的图像。我将较大的图像放置在一个背景中，这样我就可以在较小的图像上使用“位置：继承”，这非常有效：我的图像完全放置在它们的背景上

我的问题是，为了工作，这需要将我的大图像样式设置为“位置：绝对”。因此，我无法将我的整个装置移动到页面上的任何位置，只能移动到它当前所在的左上方

HTML文件：

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="Map">

<img id="X0001Y0001" src="blue_brick.png">

</div>
</body>
</html>

将

#Map

div包装在父div中，并为父div提供以下内容：

#parent {
  position: relative;
  margin: 0 auto;
  width: 256px;
}

请参阅。

因为您的

地图是绝对的
，所以要定位图像，您需要使用左侧
和顶部
。这将帮助您定位图像没问题，很高兴我能帮您：）
#parent {
  position: relative;
  margin: 0 auto;
  width: 256px;
}