CSS 效果圆形里一个文字居中

效果实现源码：

宽度，高度必须确认，且相等


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .circlew {
      width: 45px;
      height: 45px;
      border-radius: 50%; /* 将容器设置为圆形 */
      background-color: #ff9900;
      display: flex;
      justify-content: center; /* 居中显示 */
      align-items: center; /* 居中显示 */
    }
    .txt {
      color: #ffffff;
      font-size: 26rpx;
    }
  </style>
</head>
<body>
<div class="circlew"><span class="txt">租</span></div>
</body>
</html>

效果

相关阅读:
SpringBoot 如何优雅的进行全局异常处理？
cubeIDE快速开发流程
Spring Boot 2 (七)：Spring Boot 如何解决项目启动时初始化资源
分布式存储系统之Ceph集群RadosGW基础使用
【2022】【论文笔记】太赫兹量子阱探测——
java-php-python-贝壳找房系统计算机毕业设计
picoctf_2018_buffer overflow 2
网络丢包产生的几个原因，总结！
382.链表随机结点 | 398.随机数索引
初识Linux：目录&路径

原文地址：https://blog.csdn.net/LlanyW/article/details/133948565

CSS 效果 圆形里一个文字居中

CSS 效果圆形里一个文字居中