css：内容间距之前

Question

使用CSS创建水平导航我想在元素之间使用分隔符。

使用：

li:before
{
  content: " | ";
}

我得到了一个分隔符。但我想在文本和分隔符之间使用边距

  

item（margin-right）|（？）item（margin-right）

如何设置上述问号的保证金？使用左边距（或填充左边），边距将存在于分隔符的前面，而不是分隔符和内容之间。

Answer 1

快速破解，您可以使用转义的unicode为其添加不间断的空间：

li:before {
  content: "\00a0 | \00a0";
}​

见this fiddle。

但更好的解决方案是为伪元素设置边距左边距和右边距（或填充）：

li:before {
  content: "|";
  margin-left: 20px;
  margin-right: 20px
}

请参阅this fiddle。

Answer 2

尝试这个

li:before {
          content: "|";
          padding:0 5px;
        }