表情符号导致行高发生变化

Question

<p>Alternatively, you can use percentages, which
   will be calculated with respect to the width of the generated box's
   containing block. &#128517;Therefore, assuming the container's width
   is greater than the image's height, margin: -50% 0 should be enough.
   Hide code snippet
</p>

如何避免在插入表情符号时改变行高？

Answer 1

您可以像这样设置一个固定的 line-height：

p {
  line-height: 20px !important;
}

<p>Alternatively, you can use percentages, which
   will be calculated with respect to the width of the generated box's
   containing block. &#128517;Therefore, assuming the container's width
   is greater than the image's height, margin: -50% 0 should be enough.
   Hide code snippet
</p>

Answer 2

设置css属性line-height为1.2em可以设置p标签为默认高度

    p {
      line-height: 1.2em;  
    }

表情符号导致行高发生变化

emojis are causing change in line height

html

css

emoji