Warum ist mein Bild in der Mitte ausgerichtet, aber nicht an den Enden? Ich bin so verwirrt..
<Box sx={{ display: 'flex', minHeight: '100vh', alignItems: 'center', flexGrow: 1, }}> <Container maxWidth="sm"> <img src="https://static.vecteezy.com/system/resources/previews/001/200/294/original/house-png.png" width={200} alt="img" /> <LinearProgress sx={{ mt: 4 }} /> </Container> </Box>
如果您想使内容居中对齐,则必须使用“justifyContent: 'center'”属性。另外,“Container”元素存在一些问题,您可以使用 。
检查这是否是您想要实现的目标
Codesandbox 上的演示
您可以用
Box
包裹img
在此处查看我的演示