a ::在100％寬度後比

Question

大得多

我不知道如何得到::以填充錨內的可用空間。

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; 
} 

Answer 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; 
}