gpt4 book ai didi

html - 尝试使用垂直居中文本创建圆圈并且存在下圆文本

转载 作者:行者123 更新时间:2023-12-02 16:48:40 25 4
gpt4 key购买 nike

<分区>

尝试创建带有垂直居中文本的圆圈,并且存在使用 Flexbox 的圆圈文本,

但无法这样做,

  • 我必须完全按照下面给出的图片做

I have to do exactly like Image given Below

我正在分享我的代码

https://stackblitz.com/edit/angular-rzyhff?file=src%2Fapp%2Fapp.component.html

.flex-container {
display: flex;
background-color: #DDD8D8;
justify-content: center;
}

.flex-container > div {
background-color: #f1f1f1;
height: 25px;
width: 25px;
padding: 29px;
margin: 17px;
border-radius: 50%
}
<div class="flex-container">
<div style='background-color: #30D829;'>1</div>
<div style='background-color: #72A7E5;'>2</div>
<div style='background-color: #F0CD09;'>3</div>
<div style='background-color: #A552ED;'>2</div>
<div style='background-color: #EF4E92;'>3</div>
</div>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com