垂直/水平居中伪元素生成的内容

我希望将内容集中在盒子的直接中心,而我的常用技巧都不起作用.有任何想法吗？谢谢!

由于伪元素基本上是作为子元素添加的,因此一种选择是使用flexbox布局.添加display: flex到父元素,然后align-items: center用于垂直居中和justify-content: center水平居中.

.block {
  height: 150px;
  width: 150px;
  border: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block:after {
  content: "content";
}