Flex弹性:结合媒体查询布局代码
不仅使用灵活布局,还利用了媒体查询功能。
代码示例如下:
| 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前端网发表,如需转载,请注明页面地址。
code前端网