栅格系统

                       栅格系统

开发工具与关键技术:DW Css3

作者:陈子乔

撰写时间:2019年2月9日

在制作表格时,通常会使用到栅格系统,而栅格系统怎样的呢?

如图所示:

                             图(1)

代码:
栅格系统

效果图:

栅格系统

                          图(2)

代码:
栅格系统

效果图:
栅格系统

由图可见,栅格表格可以由一个大格子组成的,也可以由12个小格子组成的,因为只可以分成最多十二格和最少一格,而且总长度不变,格与格之前是等份分布。

还有就是使用栅格的时候有注意容器问题;

例如:
栅格系统

根据自己的所需的容器,使用自己最恰当的表格。