法一:
html:
<div id="separator" class="separator-wrap">
<span class="separator-symbol">|</span>
</div>
css:
.separator-wrap {
height: 10vh;
line-height: 10vh;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.separator-symbol {
font-size: 5vh;
font-weight: 100;
color: #c7bdbd;
}
效果:
法二:
<div style="float:left;width: 1px;height: 25px; background: #000;"></div>