Html 设置css内容中指定的图标宽度

我有如下代码

.show:before {
content: '+',
display: inline-block;
width: 10px;
}

---

基本上我想设置

+

图标的宽度。但是我不能。怎么做？

您在

内容之后使用
，
：“+”

而不是

改变它，宽度：10px就可以了。如果要增加
+
图标的大小，请使用字体大小

见下文

编辑：在阅读您的评论后，我必须告诉您，
-
和
+
符号（来自键盘）不是同一样式的符号。减号实际上是一个连字符减号。您可以在这里阅读更多>

所以。有两种可能的方法来实现这一点

1.使用正确的
减号（而不是连字符减号），其unicode为
U-2212

请参阅下面的代码片段


.show:before{
内容：“+”；
显示：内联块；
宽度：10px；
字体大小：30px；
}
.表演：之后{
内容：'\2212'；
显示：内联块；
宽度：10px；
字体大小：30px；
}
您在
内容之后使用
，
：“+”
而不是

改变它，宽度：10px就可以了。如果要增加
+
图标的大小，请使用字体大小

见下文

编辑：在阅读您的评论后，我必须告诉您，
-
和
+
符号（来自键盘）不是同一样式的符号。减号实际上是一个连字符减号。您可以在这里阅读更多>

所以。有两种可能的方法来实现这一点

1.使用正确的
减号（而不是连字符减号），其unicode为
U-2212

请参阅下面的代码片段


.show:before{
内容：“+”；
显示：内联块；
宽度：10px；
字体大小：30px；
}
.表演：之后{
内容：'\2212'；
显示：内联块；
宽度：10px；
字体大小：30px；
}

我知道了。我的原始代码中有字体大小。我得去上另一节课。+和-的宽度不相同。即使它的字体大小是一样的。确切的问题是什么？你在px或em中使用字体大小？或者其他？我在PX中使用字体大小我知道了。我的原始代码中有字体大小。我得去上另一节课。+和-的宽度不相同。即使它的字体大小是一样的。确切的问题是什么？你在px或em中使用字体大小？或者其他？我在px中使用字体大小