1***@qq.com
1***@qq.com
  • 发布:2022-07-30 22:40
  • 更新:2022-07-30 22:40
  • 阅读:1961

关于(.)点号(*)星号垂直居中的方法

分类:uni-app

场景:在一段文字中,想要(.)点号上下居中显示。
方法一:
<span class="dot">.<span>
.dot{
display: inline-block;
vertical-align: middle;
width: auto;
height: 20px;
line-height: 10px;
}
注:这里的高度最好为父元素设置的行高。如果没有完全居中,可以微调一下行高。

方法二:
<span class="dot">高度·高度</span>

<span class="dot">高度•高度</span>

<span class="dot">高度⋅高度</span>
注:这里利用实体字符来实现一个上下居中的点,⋅和·效果一样,•是一个粗的点,
以此类推,实体符的*(∗),也可以达到上下居中的效果。

0 关注 分享

要回复文章请先登录注册