[HTML] syntaxhighlighter_viewsource syntaxhighlighter_copycode
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<title>示例</title>
<style>
.main {
display: flex;
flex : 1;
justify-content : center;
flex-direction : column;
align-items : center;
height : 600px;
}
.container {
display: flex;
flex-direction : column;
align-items : center;
width:100%;
height:50%;
overflow-x:scroll;
flex-flow:wrap;
background-color:rgba(222, 204, 204,0.4);
justify-content:center;
}
.container div{
font-size:medium;
border:1px dashed #FFF;
text-align:center;
width : 100%;
height : 10%;
margin : 5px;
}
.container div span {
height : 100%;
}
.container div span label {
font-size:large;
color:cornflowerblue;
}
</style>
</head>
<body>
<div class='main'>
<div class='container'>
<div>
<span>入住日期:<label>2017-09-23</label></span>
<span>价格:<label>258<label></span>
</div>
<div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div>
<div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div><div>
<span>入住日期:<label>2017-09-21</label></span>
<span>价格:<label>258<label></span>
</div>
</div>
</div>
</body>
</html>