Geometry 环绕:在元素之前

Geometry 环绕:在元素之前,geometry,css,Geometry,Css,您好,我正试图找出与此帖子中所问问题相同的问题 然而,每次我这样做,形状变成椭圆形,无论我是否增加宽度/高度 我在这里创建了一个JSFIDLE 但它就是不起作用 谢谢你的帮助 给出显示:内联块到伪类。它应该会起作用 写: .numberCircle li:before { width:20px; display:inline-block; } 给出显示:内联块到伪类。它应该会起作用 写: .numberCircle li:before { width:20px;

您好,我正试图找出与此帖子中所问问题相同的问题

然而,每次我这样做,形状变成椭圆形,无论我是否增加宽度/高度

我在这里创建了一个JSFIDLE

但它就是不起作用


谢谢你的帮助

给出
显示:内联块到伪类。它应该会起作用

写:

.numberCircle li:before {
    width:20px;
    display:inline-block;
}

给出
显示:内联块到伪类。它应该会起作用

写:

.numberCircle li:before {
    width:20px;
    display:inline-block;
}

答案很好,但为什么要让它正常工作呢?奇怪的是,谢谢,因为默认情况下,伪元素是内联的,诸如高度、宽度、边距等属性不适用于
inline
元素。嗯,所以现在很难将文本放在圆圈的中心,有什么想法吗?谢谢你之前的回答@Matt welcome:)文本不是居中的吗?您可以编写
text align:center
不管它如何工作,出于某种原因,即使我有相同的代码,复制您的JSFIDLE也可以工作..我相信..答案很棒,但为什么需要这样才能使它正常工作呢?奇怪的是,谢谢,因为默认情况下,伪元素是内联的,诸如高度、宽度、边距等属性不适用于
inline
元素。嗯,所以现在很难将文本放在圆圈的中心,有什么想法吗?谢谢你之前的回答@Matt welcome:)文本不是居中的吗?您可以编写
text align:center
不管它如何工作,出于某种原因,即使我有相同的代码,复制您的JSFIDLE也可以工作..我相信。。
.numberCircle li:before {
    width:20px;
    display:inline-block;
}