在使用字体时，CSS:：before伪属性能否约束到宽度指定？

我正在使用FontAwesome字体在当前项目中推送图标，并希望在一些标签上使用：：before伪属性

如下图所示，标签对齐已关闭。我希望通过使用“width”属性来解决这个问题，以确保图标在水平方向上占据相同的空间

我目前使用的CSS是

.title::before {
    font-family: FontAwesome;
    font-size: 1.2em;
    margin-right: 5px;
    width:35px; // this can be 34523px and still does nothing for the view
 }

&.error .title::before {
    content: $fa-var-exclamation-circle;
    color: $color_error;
}

虽然我知道对象是一个字体字形，并且有自己的字体大小。我不想操纵较宽图标的字体大小来适应差异。如前所述，当我按原样应用宽度时，没有任何变化

---

这似乎是一个合理的风格元素。我遗漏了什么吗？

让我们回答：添加

display: inline-block;

到元素-->

.xxx:之前{
内容：“x”；
背景颜色：绿色；
宽度：100px；
显示：内联块；
}
.xxx{
背景颜色：橙色；
}

---

bla-bla-bla

让我们让它回答：添加

display: inline-block;

到元素-->

.xxx:之前{
内容：“x”；
背景颜色：绿色；
宽度：100px；
显示：内联块；
}
.xxx{
背景颜色：橙色；
}

---

bla-bla-bla

尝试添加

显示：内联块和
文本对齐：居中至
。标题：：之前

.title::before {
    display: inline-block;
    text-align: center;
    width:35px;
    font-family: FontAwesome;
    font-size: 1.2em;
    margin-right: 5px;
}

显示：内联块允许您设置元素的宽度<代码>文本对齐：居中确保图标彼此居中

希望有帮助。
尝试添加
显示：内联块和
文本对齐：居中至
。标题：：之前

.title::before {
    display: inline-block;
    text-align: center;
    width:35px;
    font-family: FontAwesome;
    font-size: 1.2em;
    margin-right: 5px;
}

显示：内联块允许您设置元素的宽度<代码>文本对齐：居中确保图标彼此居中

希望有帮助。
您是否尝试添加
display:inline块与宽度组合？我现在做了…宾果…我可以把啤酒运到哪里？你是否尝试添加
显示：内联块与宽度相结合？我现在做到了…答对了…我可以把啤酒运到哪里？右边的边距总是相对于：：before中的内容，所以我会去掉它…display:inline块就是它所需要的全部expected@beauXjames不喝啤酒，但你把我的答案记为正确的，怎么样？这对我来说是一笔糟糕的交易，但无论如何，一切都完成了，我们甚至：）右边距总是相对于：：之前的内容，所以我会去掉它…display:inline块就是它作为expected@beauXjames不喝啤酒，但你把我的答案记为正确的，怎么样？这对我来说是一笔糟糕的交易，但无论如何，一切都结束了，我们扯平了：）