css 对齐显示更多垂直

hgncfbus 于 2022-12-27 发布在其他

关注(0)|答案(1)|浏览(120)

我有这个代码：

<a ...>⌄show more</a>

不幸的是，人字形字符⌄与文本对不齐，它应该高一点。正确的方法是什么？

1条答案

要将chevron字符⌄与文本对齐，需要用一个元素将其 Package 起来，并将display: flex;与align-items: center;应用于其父元素，在本例中是<a>标记。

.link {
  display: flex;
  align-items: center;
}

<a class="link">
  <span class="sym">⌄</span>show more
</a>

如果要更精确地对齐，则需要使用transform属性将符号与文本一起定位，如下所示
一个二个一个一个