css box-lines弹性布局使用测试实例页面

展示

代码

CSS代码：

.test_box {
    display: -moz-box; 
    display: -webkit-box;
    display: -o-box;
    display: box; 
    
    -moz-box-lines:multiple;
    -webkit-box-lines:multiple;
    -o-box-lines:multiple;
    box-lines:multiple;
    
    width: 400px; 
    margin: 40px auto; 
    padding: 20px; 
    background: #f0f3f9;
 }
.list {
    padding: 0 2em; 
    font: bold 36px/150px monaco; 
    text-shadow: 1px 1px #eee;
}
            

HTML代码：

<div class="test_box">
    <div class="list">1</div>
    <div class="list">2</div>
    <div class="list">3</div>
</div>