在 Div 内居中并垂直对齐图像
对于给定的 HTML 片段:
`
<div>可以使用 CSS 属性来调整图像的位置,使其在指定 div 内水平和垂直居中。
要将图像水平居中对齐,请使用:
#over img { margin-left: auto; margin-right: auto; }
这会将图像向左对齐并div 的右边缘,从而实现居中放置。
要在中间垂直对齐图像,请使用以下方法将图像设置为块级元素:
#over img { display: block; }
这允许图像占据 div 内可用空间的完整高度。
更新的 HTML 和 CSS 片段变成:
<div>
body { margin: 0; } #over img { margin-left: auto; margin-right: auto; display: block; }
以上是如何使用 CSS 将图像在 Div 中水平和垂直居中?的详细内容。更多信息请关注PHP中文网其他相关文章!