Html 为什么可以';我在这个div中使用flex box来水平和垂直居中吗?

Html 为什么可以';我在这个div中使用flex box来水平和垂直居中吗?,html,css,flexbox,positioning,Html,Css,Flexbox,Positioning,我试图建立一个完全居中的滑块与图像在不同的大小。 我使用flexbox将滑块的div居中,现在我必须将其中的图像居中。我也试着在那里使用flexbox,但它似乎对我不起作用 我上传了它,这样你就可以看到哪里出了问题。这是因为你的容器太大了。你的容器应该和你的图像一样大,或者你应该把display:flex;证明内容:中心;对齐项目:居中 无论如何,您的容器不能有100%的宽度,否则内部将永远不会与中心对齐…只需添加以下内容即可编辑您的css样式: .slider img { marg

我试图建立一个完全居中的滑块与图像在不同的大小。 我使用flexbox将滑块的div居中,现在我必须将其中的图像居中。我也试着在那里使用flexbox,但它似乎对我不起作用


我上传了它,这样你就可以看到哪里出了问题。

这是因为你的容器太大了。你的容器应该和你的图像一样大,或者你应该把
display:flex;证明内容:中心;对齐项目:居中


无论如何,您的容器不能有100%的宽度,否则内部将永远不会与中心对齐…

只需添加以下内容即可编辑您的css样式:

.slider img {
      margin: 0 auto;
    }

但我尝试在滑块内垂直和水平居中放置图像。我尝试在网站上垂直和水平居中放置.slider条目。我试图用flexbox实现它,但它对我不起作用。