伪元素之前/之后

Question

我使用链接左侧的图片 现在，我使用:: before属性来显示图像，但它显示在链接上方。

我需要让它保持一致。这是一张照片： Link

我使用的代码是：

 .vocabulary-duration::before {
     content: "";
     float: left;
     font-family: "FontAwesome";
     font-size: 18px;
     padding-right: 0.5em;
 }

Answer 1

您可以移除import Paho from 'imports-loader?this=>window!exports-loader?Paho!paho-mqtt'; //and this is transformed by webpack to something like: (function(window){ //wow you can use `window here`, `this` in the global context === window. // original module code here // that exposes global var `Paho` module.exports = Paho; })(this); 并使用float或inline，然后使用inline-block

vertical-align

.vocabulary-duration::before {
  content: "";
  font-family: "FontAwesome";
  font-size: 18px;
  padding-right: 0.5em;
  vertical-align: middle;
  display: inline-block;
}