随笔分类 -  flex布局

摘要:(全) flex布局兼容性 兼容新老浏览器、移动端浏览器 大部分开发者使用flex布局基本上都遇到过兼容性的问题,尤其是移动端在适配低版本的时候,下面是我总结的flex 布局兼容性的css样式,希望能帮到大家。 /* 父元素-flex容器 */ .flex{ display: flex; displ 阅读全文
posted @ 2022-05-24 17:29 前端白雪 阅读(2070) 评论(0) 推荐(0)
摘要:flex 垂直方向 两端对齐 有这么一个需求,flex 容器高度固定,其中的2个子项在垂直方向上两端对齐,代码如下: <div class="bg"> <div style="width: 100%;"> <span>aaaaaaaaa</span> </div> <div style="width 阅读全文
posted @ 2022-05-17 11:05 前端白雪 阅读(2019) 评论(0) 推荐(1)
摘要:Flex布局详解 Flex布局详解 什么是Flex布局 Flex布局又叫做Flexible布局、弹性布局 Flex布局是目前web开发中用的最多的布局方案 Flex布局到底是用来解决一个什么样的问题呢 当并列书写多个块级标签,它们会纵向向下排位.如果我们想将多个块级标签并列成一排,就得借助posit 阅读全文
posted @ 2022-05-16 17:12 前端白雪 阅读(1427) 评论(0) 推荐(0)
摘要:flex布局你真的搞懂了吗?通俗简洁,小白勿入~ flex布局 用以代替浮动的布局手段; 必须先把一个元素设置为弹性容器;//display:flex; 一个元素可以同时是弹性容器和弹性元素; 设为flex布局以后,子元素的float、clear和vertical-align属性将失效。 主轴:弹性 阅读全文
posted @ 2022-05-16 14:19 前端白雪 阅读(258) 评论(0) 推荐(0)