jsGridLayout:HTML的WPF网格样式

jsGridLayout HTML的网格布局元素。 它使用与WPF网格布局容器相同的概念：首先定义布局的行和列，然后为网格中的每个项目定义其位置和跨度。 该库是高效的，使用了最少数量的div（与网格中的元素一样多），并且代码真正代表了布局，而不是html hacks。 用法 首先，您需要将gridify.js包含到文档中，并在要网格化的元素上调用gridify作为顶级网格。 然后，您需要使用data-grid-rowdef和data-grid-coldef属性定义网格的行和列的数量和大小。 网格的所有子元素都被视为网格元素。 默认情况下，它们都位于第一行和第一列，并且跨越一行和一列。 您可以通过data-grid-row ， data-grid-col ， data-grid-rowspan和data-grid-colspan来更改它们。 看一下示例： <div id="gri