Code前端首页关于Code前端联系我们

Flex弹性:结合媒体查询布局代码

terry 2年前 (2023-09-27) 阅读数 62 #数据结构与算法

不仅使用灵活布局,还利用了媒体查询功能。

代码示例如下:

01020304050607080910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758❤name= ​​"作者" 内容="http://www.softwhy.com/" ♾ />>> t部落.box div {宽度:150px❀2;}。 box1 { 高度:120px; 背景颜色:红色; 背景颜色:蓝色;}.box3 { 高度:40px;❀❀背景颜色: } .box4 { 高度:200px; 背景颜色:黄色;}p .box { 显示:柔性; 弯曲方向:行; 调整内容:空间之间; 主题:中心 - 弯曲方向:行; 对齐元素:弹性启动; 调整内容:空间之间; flex-wrap:包裹; } .box4 { 顺序:-1; }❀ }❀}>

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

热门