自定义字体
来自CloudWiki
源代码：
<!DOCTYPE html>
<html>
<head>
<title>弹性盒子</title>
<meta charset="utf-8">
<style>
body,ul{
margin:0;
padding:0;
}
ul{
list-style: none;
}
.box{
width: 100%;
padding:50px 0;
background-color: #ccc;
}
.box .main{
width: 1200px;
height:500px;
margin:0 auto;
display: flex;
background-color: yellow;
flex-direction:row;
}
.box .main li{
width: 300px;
height:200px;
line-height: 200px;
text-align: center;
font-size: 30px;
background-color: pink;
margin:10px;
}
/*.box .main li:nth-child(4){
order:-1;
}
.box .main li:nth-child(1){
order:3;
}*/
.box .main li:nth-child(2){
flex:1;
}
</style>
</head>
<body>
<div class="box">
<ul class="main">
<li>1</li>
<li>2</li>
</ul>
</div>
