1. 程式人生 > >css3多欄布局

css3多欄布局

nbsp span pan tex css back type text column

<style type="text/css">
        .box{
            column-width: 100px; /*設定欄位寬度*/
            column-count: 3; /***設定欄位數量***/
            column-gap: 100px; /**設定欄位間隔*/
            column-rule: 2px solid red; /***設定欄位間隔線*/

        }
        .box.tit{
            column-span: all; /*  值為1 或all  1跨越1列  all跨越所有列
*/ text-align: center; color: red; } </style> </head> <body> <div class="box"> <div class="tit">跨越所有列</div>

css3多欄布局