我无法将徽标图像居中放在灰色背景图像的中间

I can't center my logo image in the middle of my gray background image

提问人:Don Miller 提问时间:11/10/2023 更新时间:11/10/2023 访问量:33

问:

我无法让我的徽标位于灰色背景图像的中心。我的徽标将位于灰色背景图像的右侧或下方,但它不会位于灰色图像的中心。我正在React.js中构建此应用程序。

问题图片

我的代码React.js的图片

CSS ReactJS 中心 内联样式

评论

0赞 ashish singh 11/10/2023
不要附加图片,而是尝试将代码粘贴到 stackoverflow 上
1赞 Paulie_D 11/10/2023
寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码,最好是在堆栈代码段中。请参阅如何创建最小的可重现示例 - 不接受代码图像
1赞 Brinless_Loco 11/10/2023
1. 首先学习如何提出与 StackOverflow 中的实现相关的问题。2.了解位置的区别:相对;和位置:绝对;3.了解保证金:自动;4. 了解固定高度/宽度或非固定高度/宽度之间的区别。5. 了解 CSS Flex 何时以及如何工作。

答:

-1赞 Amine mef 11/10/2023 #1

我注意到的第一件事是你在背景图像中使用了,这是有道理的,但你对另一个不起作用的 img 做了同样的事情,所以第二个 img 的位置应该是然后你可以调整位置使用上、左、下和右 ,希望对您有所帮助。{position:relative;}{position: absolute;}