html - 如何使用 CSS 在 BR 标签后添加 em 空格 ( )

Question

我想在 BR 标签后面加一个 em 空格，以达到文本缩进的效果。但是以下 STYLE 在我的 Chrome 上不起作用。

或者，在 BR 标签后有没有其他方法可以实现文本缩进效果？

<style>
br::after { 
  content: "&emsp;";
}
</style>

<p>Note:<br>For this selector to work in IE8, a DOCTYPE must be declared, and you must use the old, single-colon CSS2 syntax (:after instead of ::after).</p>

Answer 1

我设法在 BR 标签后添加了一个 em 空格!

<style>
br {
  content: '';
  white-space: pre;
}

br::after { 
  content: "\A\2003";
}
</style>

另一个问题是我还想保留 1em margin-bottom。以下样式 ALONE 效果很好。

<style>
br {
  content: '';
  display: block; 
  margin-bottom: 1em; 
}
</style>

但是，如果我将这两种样式混合到下面的样式中，它就不起作用了!!!

<style>
br {
  content: '';
  white-space: pre;
  display: block; 
  margin-bottom: 1em; 
}

br::after { 
  content: "\A\2003";
}
</style>