如何在CSS伪元素类：：after中添加padding top

我想将padding top添加到：：after并使其居中

但它没有发生，这是我得到的：

使用此css后：

.list-unstyled li::after {
content: url(images/heartborder.png)
text-align:center;
padding-top: 30px;
}

这是我的HTML代码：

查看/编辑配置文件
您可以在此查看或编辑您的个人资料。电话号码、地址、其他信息等

您的

：after

默认设置为

显示：inline

，因此填充对其没有影响。将其更改为

内联块

或

块

，然后它将显示

要使其居中（根据注释中的要求），请在div上使用flex，如下所示：

div{
宽度：50px；
高度：50px；
背景：绿色；
显示器：flex；
证明内容：中心；
}
部门：之后{
内容：“；
宽度：20px；
高度：20px；
背景：蓝色；
显示：内联块；
垫面：5px；
}

---

您的

：after

默认设置为

显示：inline

，因此填充对其没有影响。将其更改为

内联块

或

块

，然后它将显示

要使其居中（根据注释中的要求），请在div上使用flex，如下所示：

div{
宽度：50px；
高度：50px；
背景：绿色；
显示器：flex；
证明内容：中心；
}
部门：之后{
内容：“；
宽度：20px；
高度：20px；
背景：蓝色；
显示：内联块；
垫面：5px；
}

---

使用

显示：块

或

显示：内联块

应用

填充

或

边距

。添加

margin:0 auto

以获取中心

。列出未设置样式的li:：after{
内容：url（images/heartborder.png）0 0 0不重复；
文本对齐：居中；
填充顶部：30px；
显示：块；
保证金：0自动；
}

查看/编辑配置文件
您可以在此查看或编辑您的个人资料。电话号码、地址、其他信息等

使用

显示：块

或

显示：内联块

应用

填充

或

边距

。添加

margin:0 auto

以获取中心

。列出未设置样式的li:：after{
内容：url（images/heartborder.png）0 0 0不重复；
文本对齐：居中；
填充顶部：30px；
显示：块；
保证金：0自动；
}

查看/编辑配置文件
您可以在此查看或编辑您的个人资料。电话号码、地址、其他信息等

您需要在内容：url（images/heartborder.png）属性后添加分号

或

我认为你需要这样做：

.list-unstyled li::after {
    content: url(images/heartborder.png);
    text-align: center;
    padding-top: 30px;
}

---

您需要在content:url（images/heartborder.png）属性后添加分号

或

我认为你需要这样做：

.list-unstyled li::after {
    content: url(images/heartborder.png);
    text-align: center;
    padding-top: 30px;
}

---

Thnaks@lokesh，但如何使其成为中心。没有使用左边的填充？没有遗漏

内容：'

，因为OP有

内容：url（）

Thnaks@lokesh，但如何使其位于中间。没有使用左边的填充？没有遗漏

内容：'

，因为OP有

内容：url（）