相关疑难解决方法(0)

我可以将div变成这样的圆圈:

.circle {
 background-color: rgba(0, 0139, 0139, 0.5);
 height: 200px;
 width: 200px;
 -moz-border-radius:50%;
 -webkit-border-radius: 50%;
 border-radius:50%;
}

<div class="circle"></div>
</div>

但我必须指定宽度高度:

我想在DIV中用"no-wrap"显示三行文本,因此3段文本中的每一段都有自己的行并且没有被包装.

我想在圆的中心显示这些,并将圆展开以适合文本行.

文本行将通过PHP从数据库中提取,并且字符长度会有所不同.

问题是上面显示的方法仅在指定宽度/高度时才有效.

这只能使用CSS,使用百分比还是需要JS解决方案.

提前致谢.