代码之家 › 专栏 › 技术社区 › theJuls

通过CSS上的内容使用“”时出现的额外空格字符

sass css

theJuls · 技术社区 · 7 年前

content 属性在我的CSS文件中。当我有 Ã§ 角色,我得到一个额外的空间。结果是这样的:

所以你可以看到有一个额外的空间,它不应该在那里,只有当我使用 §

&#some-id{
  a:before {
    content: "FranÃ§ais";
    color: #000000;
    background: #ffffff;
  }
}

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>

2 回复 | 直到 7 年前

dysfunc 7 年前

#some-id a:before {
  background: #fff;
  color: #000;
  content: "FranÃ§ais";
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<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>

CodeCheshire 7 年前

您可以使用该字母的ascii版本,然后使用以下命令进行转换: http://www.evotech.net/articles/testjsentities.html

  p:before {
    content: "Fran\00E7 ais";
    color: #000000;
    background: #ffffff;
  }

<p></p>

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前