小编Dav*_*x94的帖子

关于CSS :: first-letter和UTF-8 mb4的兼容性

所以,这是我的问题:我正在创建一个网站,我有一些帖子.在那些帖子中,我把一个"::第一个字母"突出显示,使其更大,它完美地运作.

但是,当我要加载一个首字母作为UTF-8 mb4(2个Unicode字符)的Unicode表情符号的帖子时,它会失败,因为尝试加载单个字符串为2分开,所以结果是某些东西奇怪.

这是一个截图:

unicode和:: first-letter出错

你怎么看,有一个更大的字母和一个更小的未知,然后同样的表情可见,因为我创建了一个帖子与相同的表情符号写下2次.

.first_letter_post::first-letter {
  float: left;
  padding-right: 20px;
  padding-top: 0px;
  margin-bottom: -15px;
  margin-top: -10px;
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
}
Run Code Online (Sandbox Code Playgroud)
<p class="first_letter_post">foobar</p>
Run Code Online (Sandbox Code Playgroud)

这就是角色:我正在使用Google Chrome.

我希望有人可以帮助我.

css unicode html5 utf-8 emoji

7
推荐指数
1
解决办法
277
查看次数

标签 统计

css ×1

emoji ×1

html5 ×1

unicode ×1

utf-8 ×1