wushenghua/vczero.github.io
1
0
Fork 0
mirror of https://github.com/wu736139669/vczero.github.io.git synced 2026-08-05 06:23:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

add flex test

Browse Source
This commit is contained in:
lh_wang
2015-07-08 18:32:12 +08:00
parent 26e32a0ecb
commit e475ba6cab
1 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ctrip/flex.html
+37
View File
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html style="height:100%;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>-webkit-flex demo</title>
<meta name="description" content="">
<meta name="keywords" content="">
<style>
html body{margin:0; padding: 0;}
.flexbox {
display: -webkit-flex;
-webkit-flex-flow: row;
-webkit-flex-wrap: nowrap;
width: 100%;
-webkit-flex: 1;
}
.flexbox div{color:#ffffff;text-align:center;}
.flexbox .item1,.flexbox .item6{-webkit-flex:1;background:#ff6600;}
.flexbox .item2,.flexbox .item8{-webkit-flex:2;background:#0099ff;}
.flexbox .item3{-webkit-flex:3;background:#ff9900;}
.flexbox .item4{-webkit-flex:4;background:#ff0000;}
.flexbox .item5{-webkit-flex:5;background:#339966;}
.flexbox .item7{width:50%;background:#ff9900;}
</style>
</head>
<body style="height:100%;display:flex;">
<div class="flexbox">
<div class="item1"></div>
<div class="item2"></div>
<div class="item3"></div>
<div class="item4"></div>
<div class="item5"></div>
</div>
</body>
</html>