css技巧---位置中间的竖线|垂直居中

法一：

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>