在元素后面追加html,如何使用CSS在元素后面添加空格？

在CSS中，可以使用:after选择器在元素后面添加空格("")。:after选择器用于在其他元素的内容之后多次添加相同的内容；它在每个选定元素的内容后面插入一些内容。下面本篇文章就来给大家介绍一下，希望对大家有所帮助。

语法：:after {

// CSS属性

}

示例1：使用:after选择器在元素后添加空格

在选定的元素后添加空格

span:after {

content: "\00a0"

}

p.demo:after {

content: "！"

}

Helloworld

Hi

输出：Hello world

Hi！

示例2：

在选定的元素后添加空格

h2 {

text-decoration: underline;

}

h2.space:after {

content: "　";

white-space: pre;

}

没有空格:

有空格:

效果图：