Html 将图像居中放置在<；第节>；下面有按钮 我有一个部分，希望在页面的中间显示一个相当大的图像。我指的是图像的中间部分，p>

在询问之前，我已经在图像CSS下尝试了以下代码片段

display: block;
margin: 0 auto;

display: block;
margin: 0 auto;
vertical-align: middle

padding-top: 100px;

position: absolute;
top: 45%;
left: 45%

注意：添加“绝对”的位置，然后是左值和顶值，图像将转到上面的部分，而不是停留在第二部分

注意：在CSS中添加填充会导致该部分上方产生空白

小提琴：

补充说明：

截面的宽度和高度均为100%

各节之间的位置较低，因此在将填充添加到第二节时，会在该节上方创建空白

摘要：希望在图像下方有一个按钮的图像的完整部分。

---

Flex似乎是实现这一目标的好方法：

.image{
利润率：自动50%1em；
}
钮扣{
裕度：0.1米自动；
}
部分{
高度：100vh；
显示器：flex；
柔性流：行换行；
证明内容：中心；
对齐项目：居中；
}
身体{
保证金：0；
}

1.
2.
3.

Flex似乎是实现这一目标的好方法：

.image{
利润率：自动50%1em；
}
钮扣{
裕度：0.1米自动；
}
部分{
高度：100vh；
显示器：flex；
柔性流：行换行；
证明内容：中心；
对齐项目：居中；
}
身体{
保证金：0；
}

1.
2.
3.

添加相对于父对象的位置将有助于绝对定位其中的元素

小提琴在工作吗

`

---

添加相对于父对象的位置将有助于绝对定位其中的元素

小提琴在工作吗

`

---

我建议你用边距。例如，如果您有，可以为图像和div编写css类，如：

.divClass{
height: 40px; 
}

.imageClass{
width: 20px;
height: 20px;
margin-top:10px;
margin-bottom:10px //not necessary if you work with px
}

如果您想与%一起工作，您可以编写2个类，如：

.imgClass{
height: 80%;
margin-top:10%;
margin-bottm:10%;
}

---

我建议你用边距。例如，如果您有，可以为图像和div编写css类，如：

.divClass{
height: 40px; 
}

.imageClass{
width: 20px;
height: 20px;
margin-top:10px;
margin-bottom:10px //not necessary if you work with px
}

如果您想与%一起工作，您可以编写2个类，如：

.imgClass{
height: 80%;
margin-top:10%;
margin-bottm:10%;
}

---

当使用绝对值时，父节点需要相对应，你会考虑FLUBBOX用于这个布局吗？这就是你想做的吗？当使用绝对值时，父节点需要相对应，你会考虑Flasbox来进行这个布局吗？这就是你想做的吗？（flex and margin）这是一种响应性技术吗？@mp.jpeg。如果将其更改为20%或30%，则第1节宽度在这里为200px。然后它立即响应。这是一种响应性技术吗？@mp.jpeg。如果将其更改为20%或30%，则第1节宽度在这里为200px。然后它立即响应