Question

我目前正在开发一个项目，我正在使用一些div和:after伪元素。我希望能够将:after文本置于div中。有人可以帮帮我吗？

问题示例：http://jsfiddle.net/JohnFish/7ra5t/

Answer 1

我认为您只需在CSS中添加text-align: center：

.example {
    background: black;
    height: 250px;
    width: 500px;
    text-align: center
}
.example:after {
    content: "+";
    color: white;
    font-size: 100px;
}

如果您还想要垂直对齐：

.example {
    background: black;
    height: 250px;
    width: 500px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.example:after {
    content: "+";
    color: white;
    font-size: 100px;
}

Answer 2

另一种方法：

.example { ... position: relative; }
.example:after { ...
  position: absolute; 
  top: 50%; margin-top: -{50% of the element's height}; 
  left: 50%; margin-left: -{50% of the element's width};
}

Answer 3

您也可以尝试使用flex

var hSig = rsa.sign(variableWithJPEGinIt, hashAlg);

如何居中：在div之后？

3 个答案: