HTML符号制动文本高度

Question

显然我做错了 - 当我试图在单词之前放置HTML符号时，没有HTML符号的下一个单词的高度具有不同的高度，并且它不在同一行中。

Answer 1

{{1}}

尝试这个，我认为它会起作用

Answer 2

问题在于symbol的默认大小。如果设置符号的大小，则无法查看问题。看看下面的代码：

＆＃13;

＆＃13;

.a {
    display: flex;
}
h1 {
    text-transform: uppercase;
}
span.symbol {
    font-size: 26px;
}

＆＃13;

<div class="a">
    <h1><span class="symbol">&#9785;</span>123-456-789</h1>
    <h1>text 2017</h1>
</div>

＆＃13;

＆＃13;

＆＃13;

简而言之：

将符号包裹在span内并设置其字体大小。

span.symbol {
    font-size: 26px;
}