我正在try 添加一些小的.主容器中水平行中的png图标.我正在努力找出最简单的方法来做这件事
下面是我迄今为止创建的代码Sandbox
我已经为此挣扎了一段时间,但我似乎无法得到它.我try 过创建一个div,在div中插入标签,但我认为这是不对的.非常感谢您的帮助!
我正在try 添加一些小的.主容器中水平行中的png图标.我正在努力找出最简单的方法来做这件事
下面是我迄今为止创建的代码Sandbox
我已经为此挣扎了一段时间,但我似乎无法得到它.我try 过创建一个div,在div中插入标签,但我认为这是不对的.非常感谢您的帮助!
你喜欢这样吗
首先导入顶部的img_路径
import imgurl1 from "../public/img/aws.png";
import imgurl2 from "../public/img/c.png";
import imgurl3 from "../public/img/java.png";
然后定义一个样式为flex flex-direction:row
的div,如下所示
<div className="img-container">
<div className="img">
<img src={imgurl1} alt="aws" />
</div>
<div className="img2">
<img src={imgurl2} alt="c" />
</div>
<div className="img3">
<img src={imgurl3} alt="java" />
</div>
</div>
像这样的风格
.img-container {
display: flex ;
flex-direction: row ;
}
.img1, .img2 ,.img3 {
/* any style for the images */
background-color: black;
}