jsGridLayout:HTML的WPF网格样式

时间:2024-05-24 11:41:34
【文件属性】:

文件名称:jsGridLayout:HTML的WPF网格样式

文件大小:260KB

文件格式:ZIP

更新时间:2024-05-24 11:41:34

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)

网友评论