美文网首页
分割线的实现

分割线的实现

作者: pomelo_西 | 来源:发表于2018-08-28 13:52 被阅读0次
    <div class="split-line">
      <div class="line left"></div>
      <div class="text">知识库</div>
      <div class="line right"></div>
    </div>
.split-line {
  height: 20px;
  color: #E2B06B;
  width: 95%;
  margin: 0 auto;
  font-size: 14px;
  position: relative;
  text-align: center;
}

.split-line div {
  display: inline-block!important;
}

.split-line .line {
  width: 40%;
  position: absolute;
  top: 50%;
  border: 1px solid;
  border-color: #E2B06B;
}

.split-line .left {
  left: 0;
}

.split-line .right {
  right: 0;
}

相关文章

网友评论

      本文标题:分割线的实现

      本文链接:https://www.haomeiwen.com/subject/cybibftx.html