HTML5使用Div標簽來實現表格


當支持HTML5時,我們可以使用樣式把DIV實現一個表格table. 關鍵樣式語法:display: tabledisplay: table-rowdisplay: table-cell 下面例子說明。
樣式代碼:

 div {
            display: table;
        }

            div div {
                display: table-row;
            }

                div div div {
                    display: table-cell;
                    background: #EEE;
                    border: 1px solid #777;
                    padding: 1em;
                }
Source Code


控制器:



視圖實現:

 

程序運行結果:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM