css - css ：在内容间距之前

Question

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

使用：

li:before
{
  content: " | ";
}

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

item(margin-right) |(?)item(margin-right)

如何为上述问号设置边距？使用margin-left（或padding-left），边距将存在于分隔符的前面，而不是分隔符和内容之间。

score 22 · Accepted Answer

作为一个快速破解，您可以通过使用转义的 unicode 来添加一个不间断的空间：

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

但更好的解决方案是为伪元素设置 margin-left 和 margin-right （或填充）：

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

score 0 · Accepted Answer

0

试试这个

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

于 2012-07-30T13:35:10.147 回答

2 回答 2