css - 如何添加填充/边距以移动 :after up

Question

我正在尝试将 :after 向上移动，以便它与旁边元素的顶部更加对齐。我试过添加 padding-top 和 padding-bottom，添加 margin-top 和 margin-bottom，但这些都不起作用。

#myDiv:after {
  color: #D03540;
  content: " *";
}

有什么想法吗？

Answer 1

只需将绝对位置属性值应用于 #myDiv:after，然后使用 Top、Bottom、 设置到所需位置Left 和 Right 属性值。

#myDiv {
   position: relative; /* To curtail overlap */
}

#myDiv:after {
   color: #D03540;
   content: " *";
   position: absolute;
   top: 0;  /* Adjust as needed */
   left: 0; /* Adjust as needed */
   right:0; /* Adjust as needed */
}