Question

假设我们有一个文本段落（p，div或你有什么）：

太好了。世界是一个小镇

我希望其中的文字是斜体，但表情符号是正常的字体样式，而不会将表情符号或任何其他文字包装在其他标签中。

Answer 1

最简单的方法是：

Run Code

或者你可以使用css来设置样式。

Answer 2

您可以使用其中任何一种

＆＃13;

x{
    font-style: italic;
}
span{
    font-style: italic;

}

＆＃13;

<p><x>Be niceThe world </x> &#9742 <x>is a small town </x> &#9742</p>

<p><span>Be niceThe world </span> &#9742 <span>is a small town </span> &#9742</p>

＆＃13;

Answer 3

在我看来，更好的方法是将表情符号图标包装在内联元素中，如<span>和css中的样式。

＆＃13;

.emoji {
  font-style: normal;
}
p {
  font-style: italic;
}

＆＃13;

<p>Be nice. The world <span class="emoji"></span> is a small town <span class="emoji"></span></p>

＆＃13;

Answer 4

很好。世界 是一个小镇

<p><i>Be nice. The world</i>  <i>is a small town</i> <p>

是否可以将文本设为斜体，但表情符号在同一段落中作为普通文字设计？

4 个答案: