关于元素垂直方向的padding的问题

Question

关于元素垂直方向的padding的问题

发布于
2016-11-13

更新于
2016-11-14

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style type="text/css">

    .line-wrap{
        position: relative;
        text-align:center;
    }
    .line-wrap:after{
        position:absolute;
        left:0;
        top:50%;
        border-top:1px dashed #ddd;
        content:'';
        height:0;
        width:100%;
        z-index:1;
}
.line-wrap .text{
    background-color:red;
    padding:5px;
    position: relative;
    z-index:2;
}

  </style>
 </head>
 <body>
  <div class="line-wrap">
    <span class="text">文字内容</span>
</div>



 </body>
</html>

图片描述

html css

阅读 2.4k

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

关于元素垂直方向的padding的问题

你尚未登录，登录后可以

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

图片沿着圆环的转动有什么方法吗？

flex相关 flex: 1的子元素如何宽度能100%且不溢出？

CSS如何巧妙实现标题居中、关闭按钮居右效果？

js阻止冒泡问题？

Scss的rgba()方法无法对变量进行二次编译？