相关疑难解决方法(0)

我想在这个图像中围绕一个圆圈中的数字:

这可能吗？它是如何实现的？

我想知道是否有一种更简单的方法来创建循环div而不是我现在正在做的事情.

目前,我只是为每个不同的大小制作一个图像,但这样做很烦人.

无论如何使用CSS来制作圆形的div,我可以指定半径？

我在stackoverflow上找到了这个例子:

仅使用css绘制圆形

哪个好.但我想知道如何修改该示例,以便我可以在圆圈中间包含文本？

我也发现了这一点: 在CSS中以圆圈为中心的文本垂直和水平居中(如iphone通知徽章)

但由于某种原因,它不适合我.当我创建以下测试代码时:

<div class="badge">1</div>

而不是一个圆圈,我得到一个椭圆形状.我正在尝试使用代码来了解如何让它工作.

是否可以使用css绘制圆圈,这可以在大多数浏览器(IE,Mozilla,Safari)上使用？

我想制作一个圆圈<div>,就像这张图片:

我试过这段代码.

.discussion:after {
  content: '\2807';
  font-size: 1em;
  background: #2d3446;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  color:white;
}

<div class="discussion"></div>

我该怎么做才能正确？

如果我有一个<div>相对宽度(例如宽度:50%),是否有一种简单的方法可以使它具有与高度相同的宽度而无需借助JavaScript？

我想创建一个带有文本的圆形div(不仅仅是一行).这是我想要的善意行为:

我想我可以用一个

text-align: center;
vertical-align: middle;

但是,如果我不知道高度和宽度怎么办？

如果文本填满,我希望圆圈扩展(最小尺寸100px).

有没有办法做到以下几点:

#id {
  border-radius: 100px;
  width: 100px;
  height: 100px;
}

<div id="circle">
  <h3>Hello</h3>
</div>

甲轮div与文本垂直和水平居中.同时保持圈子响应.
我的意思是有width发言权50%的包含div,同时保持height比例以上,以使一个圆.

并且将静态更改100px为pertentages使圆形椭圆形.

好吧，这确实是一个我无法解决的简单问题。我有一个看起来像这样的html文件：

<ol>
  <li> item 1 </li>
  <li> item 2 </li>
  <li> item 3 </li>
</ol>

附带的CSS看起来像这样：

ol {
  list-style: none;
  counter-reset: li-counter;
}
ol li {
  counter-increment: li-counter;
}
ol li::before {
  content: counter(li-counter);
  color: #59cbbe;
  font-weight: bold;
  width: 20px;
  height: 20px;

  border: 2px solid black;
  border-radius: 50px;

  padding: 4px;
  margin: 10px;
}

这是codepen

我曾尝试以下和修改这个例子，但没能得到它。所以我也尝试了这个。当您查看电笔时，我遇到的主要问题是圆圈不是圆圈，它们始终是我使用的椭圆形和椭圆形天气，30px或者50%缺少某些东西。抱歉，这是一个非常简单的答案，但是，我对CSS的了解不是那么好。