css如何加空格(2)-木庄网络博客

2022-02-25 01:12:54 PHP中文网 JavaScript 百度已收录

语法格式：

// 在元素的内容前面插入内容
:after {
    content:"值";
}
 
// 在元素的内容后面插入内容
:after {
    content:"值";
}

示例：插入空格

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>在选定的元素前或后添加空格</title>
        <style>
            h2 {
                text-decoration: underline;
            }
 
            h2.before:before {
                content: "　";
                white-space: pre;
            }
 
            h2.after:after {
                content: "　";
                white-space: pre;
            }
        </style>
    </head>
 
    <body>
        <h2>元素内容:</h2>
        <h2 class="before">元素内容:</h2>
        <h2 class="after">元素内容:</h2>
    </body>
</html>