css 分区中的居中图标

zzwlnbp8 于 2023-03-20 发布在其他

关注(0)|答案(1)|浏览(141)

我不能让图标在div中居中。我试过显示块/Flex，对齐内容中心，对齐文本中心。没有一个能让图标在div中居中。
下面是我的代码：我有3个圆圈与图标在他们每个人，我希望他们居中

<div class="iconDivHeadSubOne centerIcon">
            <div class="redCircle "><i class="bi bi-x"></i></div>
            <div class="yellowCircle ">
              <i class="bi bi-dash"></i>
            </div>
            <div class="greenCircle ">
              <i class="bi bi-chevron-expand centerIcon"></i>
            </div>
</div>

css

来源：https://stackoverflow.com/questions/75785931/centering-icon-in-div

1条答案

按热度按时间

pqwbnv8z1#

我把你的html和应用以下和它的工作：

//you can ignore this one, i just used to for testing
.iconDivHeadSubOne>*{
border:1px solid red;
width:50px;
height:50px;
padding:10px
}

///this controls the direct children of your .iconDivHeadSubOne
.centerIcon>*{
display:flex;
justify-content:center;
align-items:center}

赞(0）回复(0）举报 2023-03-20

我来回答

css 分区中的居中图标

1条答案

相关问题

热门标签

最新问答