标准化位于底部的角色位置

Question

我正在使用Unicode Character "HORIZONTAL ELLIPSIS"：

…

它的“自然”定位在底部，与句号或逗号的情况一样。

我打算将它用作图标而不是用于文本上下文，所以我想知道是否可以将其垂直位置“标准化”为中心（如短划线的位置）？

Answer 1

你可以使用line-height：

span {
  vertical-align: top;
}
span:nth-child(1) {
  line-height: 1.2;
}
span:nth-child(2) {
  line-height: 1;
}
span:nth-child(3) {
  line-height: .5;
}
span:nth-child(4) {
  line-height: 0;
}

<span>…</span>
<span>…</span>
<span>…</span>
<span>…</span>