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刪除。



猜您在找 HTML5實現div拖拽 html5 表格標簽 table tr td html5語義化標簽使用規范 html 之表單,div標簽等。。。。。。。 HTML5新增標簽 HTML5 結構標簽 HTML5