display:flex弹性布局--横向分配空间
-- 空间 布局 分配 flex 弹性 display 横向
2023-09-11 14:18:36 时间
<div style="display: flex;flex-direction: row;align-content: center;margin-top: 20px;"> <!-- <p style="flex: 2">设置科目类型时长</p>--> <!-- <span style="flex: 3;margin-top: 15px">注意:设置各科目类型总时长不能大于设置的总训练时长</span>--> <span style="flex: 4;">总训练目标时长: {{train_time}}分钟</span> <span style="flex: 4;">已分配 {{success_time}}分钟</span> <span style="flex: 4;" v-if="train_time > success_time">剩余 {{train_time-success_time}}分钟未分配</span> <span style="flex: 4;" v-else-if="train_time === success_time">恭喜你完成分配!</span> </div>
相关文章
- 最强大脑--51度灰挑战项目
- linux驱动开发--内核空间中内存的申请与释放
- IOS开发--UI进阶之iCarousel学习(待翻译)
- iOS之UI--主流框架的搭建--仿制QQ的UI框架
- 推荐系统学习 -- 利用社交网络数据
- android 5.0 -- Activity 过渡动画
- 【云原生 | Kubernetes 系列】--Envoy基础路由配置
- ORA-01653 无法在表空间扩展的解决办法 -- 增加表空间大小或给表空间增加数据文件
- ArcGIS Engine开发之旅09--几何对象和空间参考
- js滚动导航定位--头部demo效果示例(整理)
- L2.linux命令每日一练 -- 第一章 Linux命令行简介
- 经验总结25--释放内存的重要性
- python里使用enum库--通过它的构造函数来创建枚举类型
- Django学习18 -- 富文本编辑器(Rich Edit)
- 最常用的Python库--机器学习和数据科学必备神器
- 开发成长之路(6)-- C++从入门到开发(C++知名库:STL入门·空间配置器)
- 按键消抖的两种方法--中断延迟工作与定时器
- FPGA之OV7725摄像头采集与VGA显示实验--3--摄像头配置模块实现(Verilog代码)