使用';时出现的额外空格字符ç';通过CSS上的内容

使用';时出现的额外空格字符ç';通过CSS上的内容,css,sass,Css,Sass,我正在通过CSS文件中的content属性插入一些内容。当我有ç字符时,我会得到一个额外的空间。结果是这样的: 因此,您可以看到有一个额外的空格,它不应该在那里,只有在我使用ç字符时才会出现 这就是我的代码当前的样子: &#some-id{ a:before { content: "Français"; color: #000000; background: #ffffff; } } 有没有办法通过使用contentCSS属性来解决这个问题? 编辑:根

我正在通过CSS文件中的
content
属性插入一些内容。当我有
ç
字符时,我会得到一个额外的空间。结果是这样的:

因此,您可以看到有一个额外的空格,它不应该在那里,只有在我使用
ç
字符时才会出现

这就是我的代码当前的样子:

&#some-id{
  a:before {
    content: "Français";
    color: #000000;
    background: #ffffff;
  }
}
有没有办法通过使用
content
CSS属性来解决这个问题? 编辑:根据要求,这里是一些使用它的HTML代码(它位于
li
标记上,我应该注意,我正在使用引导:

<section id='top' className='row'>
  <div className='col-sm-12 light'>
    <div className='valign'>
      <div>
        <ul className='row'>
          <li id='some-id' className='col-xs-12 col-sm-6 col-md-4 col-lg-3'>
            <a href='/somewhere'>
              <h2>Content Header</h2>
              <p>More content</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>


似乎工作正常。您可以发布更多的代码吗

#某个id a:之前{
背景:#fff;
颜色:#000;
内容:“法国”;
}


您可以使用该字母的ascii版本,然后使用以下命令进行转换:

p:before{
内容:“Fran\00E7 ais”;
颜色:#000000;
背景:#ffffff;
}

你能显示特定的HTML代码吗?你可能需要使用一个特殊字符:使用哪种字体?这都是关于所使用的字体的,所以我们需要它如果我这样做,我仍然会得到额外的空间,如果我删除了空间,显然我会得到未知的字符方块。有没有其他方法将特殊字符与re分开字符串的首字母?嗯,听起来像是其他东西在影响你的css,因为在上面的例子中,它工作得很好。你在使用什么其他css包?只是引导和我们在整个应用程序中使用的css的另一个音调。更新的示例你能发布你的索引源吗?我想看看你还包括哪些其他样式表。你呢必须经历来自其他一些include的CSS冲突。