0%

uniapp 入门实战 10:利用 css 实现文字居中在圆中心

实现

1
2
3
4
5
6
7
8
9
.circle {
background: gold;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
1
<div class="circle">text</div>

效果

总结:

  • 需要固定宽高,否则会导致文字被压扁

参考文献

以上:如发现有问题,欢迎留言指出,我及时更正

如何文章对你有益,请给我买杯豆浆喝