最好的导航分割栏，分割线，实现底部透明，纯css

didong6252

于 2017-12-28 14:39:00 发布

阅读量381

点赞数

原文链接：http://www.cnblogs.com/hanstar/p/8135599.html

版权


<div class="Ui_Ct_Line padding_5">
            <div>为您推荐</div>
</div>

.Ui_Ct_Line {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.Ui_Ct_Line > * {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    display: block;
    min-height: 1px;
    padding: 0 20px;
}
.Ui_Ct_Line::before,.Ui_Ct_Line::after {
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    position: relative;
    width: 100%;
    min-height: 1px;
    background-color: #CBCBCB;
}