当在display: block
div
个元素中使用表情符号时,它们会稍微高一些.这似乎只发生在block
个元素上;inline
个字母的高度相同,有和没有表情符号.有没有办法让它们保持同样的高度
我已经试过设置margin: 0
和padding: 0
,但都没有效果.增加padding
会让所有的东西都变得更高,但并没有让它们变平.
.outer {
border: 1px dotted red;
}
.inline {
display: inline;
}
<div class="outer">Baguette ???? (block)</div>
<div class="outer">No baguette (block)</div>
<br><br>
<div class="outer inline">Baguette ???? (inline)</div>
<br>
<div class="outer inline">No baguette (inline)</div>