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