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

的CSS CSS

JimGil

2020-03-24

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

这是我的代码：

h2:after {
    content: " ";
}

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

h2:after {
    content: "-";
}

我究竟做错了什么？

第3242篇《使用：after在元素后添加一个空格（“”）》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

番长 2020.03.24

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

最终得到类似：

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

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

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

神乐 2020.03.24

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

解决方案：

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android