我很难搞清楚如何填充::之后填充锚点内的可用空间。
https://jsfiddle.net/riegersn/g5vhaxa8/
.nsfw::after {
content: "NSFW";
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 5px;
position: absolute;
color: #fff;
background-color: #c42c00;
display: block;
}
答案 0 :(得分:1)
.nsfw {
position:relative;
}
.nsfw::after {
content: "NSFW";
text-align: center;
vertical-align: middle;
width: calc(100% - 10px);
height: calc(100% - 10px);
top:0;
left:0;
margin: 5px;
position: absolute;
color: #fff;
background-color: #c42c00;
display: block;
}