一个 html 符号破坏元素文本对齐

Question

我在分页中使用了 HTML 符号，但它破坏了与其他元素的对齐方式：

a{
  float:left;  
}

<div dir='rtl'>
<a href='#'>&#10092;&#10092; text 1</a> 
<a href='#'>&#10092; text 2</a>
<a href='#'>  text 3</a>
</div>

Answer 1

只需向 a 元素添加行高。

我添加了line-height:1。检查片段

a{
  float:left;
  line-height:1
}

<div dir='rtl'>
<a href='#'>&#10092;&#10092; text 1</a> 
<a href='#'>&#10092; text 2</a>
<a href='#'>  text 3</a>
</div>

An html symbol ruin elements text alignment