codecamp
图片

pay-demo 1：弹性盒子 流式布局 CSS:

main

{ flex: 1; border-top: 5px solid #f5f5f9; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; overflow: auto; background-color: #000000; }

main div{

            width: 25%;
            height: 24vw;
            background: deepskyblue;
            border-bottom: 1px solid #e6e6e6;
            border-right: 1px solid #e6e6e6;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        #main div em{
            color: #dd2727;
            font-size: 6.67vw!important;
        }
        #main div a{
            color: #dd2727;
            font-size: 3.2vw;
        }
作业
美团demo
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录
readme

WEB前端攻城狮成长记

千峰教育相关材料整理

HTML

CSS

CSS

CSS3

弹性盒子

JS

JS库

JS成熟框架

VUE

react

Angular

NODE

ROUTER

NPM

模板

書籍

JavaScript設計模式

設計模式—function

作业

PC

关闭

 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; }