文件名称:pillar:基于 CSS 列的网格简化
文件大小:29KB
文件格式:ZIP
更新时间:2024-07-15 10:12:04
CSS
Struts 基于 CSS 列的网格简化 保持网格简单且易于维护 如果布局需要稍微改变,而不是通过大量的类,为什么不保持在“行”元素上指示确切的布局? 不这样做的一个很好的理由是,为了支持这种花哨的 24 列网格系统,人们往往需要大量的类和 CSS。 虽然这句话本身是真的,严重吗? 24 列网格? 你的意思是你真正需要的24列所有的时间? 不,你没有。 似乎有一个更好的主意,是的,它甚至允许使用 24 列网格,甚至 48 列或几乎任何您想出的疯狂数量的列。 让我们从一个基本的基于“6 列”的网格开始 <!DOCTYPE html > < html > < head > < link rel = stylesheet href = /path/to/6-pillar-0.1.min.css > </ head > < body > < div class = grid--
【文件预览】:
pillar-master
----.gitignore(17B)
----README.md(1KB)
----pillar.js(4KB)
----LICENSE(1KB)
----package.json(658B)
----dist()
--------pillar-5-v1.0.1.css(1KB)
--------pillar-3-v1.0.0.min.css(525B)
--------pillar-6-v1.0.1.css(3KB)
--------pillar-3-v1.0.1.min.css(525B)
--------pillar-4-v1.0.1.css(1KB)
--------pillar-4-v1.0.0.min.css(651B)
--------pillar-3-v1.0.1.css(914B)
--------pillar-5-v1.0.0.css(1KB)
--------pillar-4-v1.0.1.min.css(651B)
--------pillar-5-v1.0.0.min.css(1KB)
--------pillar-7-v1.0.1.min.css(4KB)
--------pillar-6-v1.0.0.min.css(2KB)
--------pillar-6-v1.0.1.min.css(2KB)
--------pillar-4-v1.0.0.css(1KB)
--------pillar-5-v1.0.1.min.css(1KB)
--------pillar-7-v1.0.1.css(5KB)
--------pillar-3-v1.0.0.css(914B)
--------pillar-7-v1.0.0.min.css(4KB)
--------pillar-7-v1.0.0.css(5KB)
--------pillar-6-v1.0.0.css(3KB)
----src()
--------pillar-7-v1.0.0.myth.css(5KB)
--------pillar-6-v1.0.1.myth.css(3KB)
--------pillar-5-v1.0.1.myth.css(2KB)
--------pillar-6-v1.0.0.myth.css(3KB)
--------pillar-5-v1.0.0.myth.css(2KB)
--------pillar-3-v1.0.1.myth.css(897B)
--------pillar-3-v1.0.0.myth.css(897B)
--------pillar-4-v1.0.0.myth.css(1KB)
--------pillar-4-v1.0.1.myth.css(1KB)
--------pillar-7-v1.0.1.myth.css(5KB)
----example()
--------simple.html(3KB)
----Makefile(1KB)