在写样式时候,表单必填 * 因为符号的特性,不能很好的垂直居中,这里的实现方案是:

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

方法二:
高度·高度

高度•高度

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

标签: none

添加新评论