CSS3作為前端開發中的重要技術之一,具有很多強大的特性,其中就包括可以通過CSS3代替HTML中的表格
table { display: table; } tr { display: table-row; }
在以前的網頁制作中,常使用HTML的表格
比如我們可以使用CSS3實現兩欄布局,只需設置兩個塊級元素的display屬性分別為table和table-cell,就能輕松實現。
.container { display: table; width: 100%; } .left { display: table-cell; width: 200px; } .right{ display: table-cell; }
另外,我們還可以使用CSS3實現響應式布局,只需在不同的終端設備上設置不同的樣式即可,極大地提高了網頁的適應性。
總的來說,CSS3在布局方面的能力遠遠超過了HTML中的表格