使用：after在元素后添加一个空格（“”）

JimGil2020-03-24

我想在一些内容后添加一个空格，但是content: " ";似乎不起作用。

这是我的代码：

h2:after {
    content: " ";
}

...这不起作用，但是这样做：

h2:after {
    content: "-";
}

我究竟做错了什么？

番长2020/03/24 10:36:42

我需要此方法而不是使用填充方法，因为我使用了内联块容器在工作流时间轴中显示一系列单独的事件。时间轴中的最后一个事件在其后不需要箭头。

最终得到类似：

.transaction-tile:after {
  content: "\f105";
}

.transaction-tile:last-child:after {
  content: "\00a0";
}

gt（人字形）字符使用fontawesome。无论出于何种原因，“内容：无；” 在最后一个图块上产生对齐问题。

神乐2020/03/24 10:36:42

原来它需要通过转义的unicode指定。这个问题是相关的并且包含答案。

解决方案：

h2:after {
    content: "\00a0";
}

Newest Answer