我可以像这样将一个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" 使得每个文本段都有自己的一行并且不换行。
我希望将它们显示在一个圆形的中心,并让圆形扩展以适应文本行。
文本行将通过 PHP 从数据库中提取,并且字符长度会有所变化。
问题是上面展示的方法只有在指定宽度/高度时才有效。
是否可以仅使用 CSS,使用百分比实现这一点,还是需要一种 JS 的解决方案。
提前感谢。