【文件属性】：
文件名称：jsGridLayout:HTML的WPF网格样式
文件大小：260KB
文件格式：ZIP
更新时间：2021-05-04 17:54:54
JavaScript
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
【文件预览】：
jsGridLayout-master
----README.md(4KB)
----gridify.js(7KB)
----LICENSE(18KB)
----experimental()
--------grid5.js(7KB)
--------sample5.html(1KB)
----images()
--------3.jpg(180KB)
--------2.jpg(9KB)
--------1.jpg(57KB)
----sample.html(2KB)