摘要: 实现一种序号的连接线,类似于element-ui组件库里面的时间线组件,在工作中,这种样式的列表经常见到,如下图: 这种列表在vue里面样式的实现,废话不多说,直接上图 这样的列表样式html和css实现如下 ###html: <template> <div class="right-bottom" 阅读全文
posted @ 2022-11-29 14:47 李帆同学 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 什么是Flex布局 Flex 是 Flexible Box 的缩写 flex 布局表示弹性布局,可以为盒状模型提供最大的灵活性。 适用范围 任何一种元素都可以指定为 flex 布局 `.wrap{ display:flex; }` 行内元素也可以使用 Flex 布局。 `.box{ display: 阅读全文
posted @ 2022-11-29 14:34 李帆同学 阅读(875) 评论(0) 推荐(0) 编辑
摘要: Flex 布局教程:语法篇 转载自: 阮一峰的网络日志 Flex 布局教程:语法篇 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实 阅读全文
posted @ 2022-11-29 14:22 李帆同学 阅读(35) 评论(0) 推荐(0) 编辑
TOP