相关疑难解决方法(0)

CSS圆圈没有使用固定的宽度和高度

我想在圆圈内显示通知计数,但我不希望它具有固定的宽度,因此当圆圈内有更大的数字/文本时,圆圈可以展开.

.circle {
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 50%;
  background-color: red;
  color: white;
  text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<div class="circle">5</div>
<br>
<div class="circle">102</div>
Run Code Online (Sandbox Code Playgroud)

html css css3

6
推荐指数
2
解决办法
5801
查看次数

标签 统计

css ×1

css3 ×1

html ×1