w3cschool 编程狮,随时随地学编程
下载APP
|
登录
个人中心
首页
入门教程
编程课程
特色实战
畅学全站
Flex 教程 - CSS 弹性盒子布局
开始阅读
下载APP,阅读更畅快
教程说明:
教程目录:
Flex 布局是什么?
Flex 基本概念
Flex 容器的属性
Flex flex-direction属性
Flex flex-wrap属性
Flex flex-flow
Flex justify-content属性
Flex align-items属性
Flex align-content属性
Flex 项目的属性
Flex order属性
Flex flex-grow属性
Flex flex-shrink属性
Flex flex-basis属性
Flex flex属性
Flex align-self属性
Flex 注意事项
Flex display: flex与display: inline-flex区别
Flex flex容器中设置margin
Flex 设置flex项第一个项固定大小第二个项根据剩余宽度铺满
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录
Flex 布局是什么?
Flex 基本概念
Flex 容器的属性
Flex flex-direction属性
Flex flex-wrap属性
Flex flex-flow
Flex justify-content属性
Flex align-items属性
Flex align-content属性
Flex 项目的属性
Flex order属性
Flex flex-grow属性
Flex flex-shrink属性
Flex flex-basis属性
Flex flex属性
Flex align-self属性
Flex 注意事项
Flex display: flex与display: inline-flex区别
Flex flex容器中设置margin
Flex 设置flex项第一个项固定大小第二个项根据剩余宽度铺满
关闭
MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }