经典的横线中间文字css布局---flex布局
2024-08-31 17:10:42
html:
<div class="title">
<div class="line"></div>
<div class="text">ddd</div>
<div class="line"></div>
</div>
css:
.title{width:80%;display:flex;margin:30px auto 24px;}
.line{flex:1;border-top:1px solid rgba(255,255,255,0.2);position: relative;top:6px;}
.text{padding:0 12px;font-size:14px;}
最新文章
- java运行过程
- android/ios js 启动apk
- [AngularJS] Provider
- android初学-togglebutton
- Custom template tags and filters
- Google 发布 Android 性能优化典范
- Laravel5.2 下使用Form
- FileMode枚举
- 微信小程序问题2：未配置
- apache代理转发
- Linux工作环境：CentOS7最小安装+Xfce桌面环境
- LeetCode 520 Detect Capital 解题报告
- HDU 1506 & 1505 - Largest Rectangle in a Histogram & City Game
- 雷林鹏分享：C# 结构（Struct）
- bzoj 4349 最小树形图——朱刘算法
- Glide图片加载库的使用
- java程序设计第二次实验报告
- gdb查看内存(转)
- 本地计算机上的OracleOraDb11g_home2TNSListener服务启动又停止了。一些服务自动停止，如果他们没有什么可做的 .
- 关于matlab中定点数overflow的处理办法