效果图
代码块（自适应）
<div class="line">
<span class="text">我是文字</span>
</div>
.line{
height:0;
border-top:1px solid #000;
text-align:center;
}
.text{
position:relative;
top:-14px;
background-color:#fff;
}
css 分割线中间带文字
转载请注明出处或者链接地址：https://www.qianduange.cn//article/3297.html
发布的文章
前端使用jquery传递对象数组给后端说明及总结
2024-03-27 10:03:30
jQuery实现轮播图
2024-02-26 20:02:24
CSS伪元素详解以及伪元素与伪类的区别
2024-03-27 10:03:20
原生Img图片标签图片自适应缩放且不变形
2024-03-27 10:03:14
响应式布局的五种方法
2024-03-27 10:03:14
使用CSS3实现围绕圆心旋转
2024-03-27 10:03:14
html css简单实现九宫格布局，自适应屏幕
2024-03-27 10:03:11
window.onscroll 当页面滚动条、滚动到指定位置时触发
2024-03-27 10:03:11
前端实现3D旋转木马相册
2024-03-27 10:03:07
VScode cssrem插件的安装和使用指南
2024-03-27 10:03:07
大家推荐的文章