为了账号安全,请及时绑定邮箱和手机立即绑定

如何将文字设置在水平线中间?

如何将文字设置在水平线中间?

子衿沉夜 2018-10-17 17:54:39
类似这样
查看完整描述

1 回答

?
白猪掌柜的

TA贡献1893条经验 获得超10个赞

试试下面这个,看看是不是你想要的

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title>Document</title>

  <style>

    .title{

      text-align: center;

      overflow: hidden;

    }

    .title span{

      position: relative;

      display: inline-block;

    }

    .title span::before{

      content: '';

      position: absolute;

      top: 50%;

      width: 1000px;

      height: 1px;

      left: 100%;

      background-color: #333;

    }

    .title span::after{

      content: '';

      position: absolute;

      top: 50%;

      right: 100%;

      width: 1000px;

      height: 1px;

      background-color: #333;

    }

  </style>

</head>

<body>

  <div class="title"><span>测试文字</span></div>

</body>

</html>


查看完整回答
反对 回复 2018-11-04
  • 1 回答
  • 0 关注
  • 800 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信