无论如何在jQuery中给一个div“网格”选项?我不想在 div 本身上绘制网格。
这个想法是让较小的层以类似网格的方式捕捉到较大的 div 中。
如果您要求在 div 中构建网格,那么您可以单独使用 CSS 完成此操作。有一个名为960的 CSS 模板,它以 12 像素或 16 像素的增量布置带有网格的页面,并负责对齐和间距。
这将帮助您实现“对齐”功能的目标,因为放置在列中的任何元素都将遵守容器 div 的规则。
在该站点上有一个网格生成器的链接,您可以在其中使用网格系统的宽度并预览结果。
警告:一旦你用 CSS Grid 布局你的页面,你就有可能放弃使用表格,因为 CSS 更容易操作,并且使用像 960 这样的系统,你有开箱即用的跨浏览器支持。这可能是件好事!
如果你想绘制一个网格,那么你需要尽可能多的单元格,给它们一些边框,全部向左或向右浮动。只有这样才能将您的内容捕捉到其中。
但是如果你只想以类似网格的方式布局内容,那么你只需要为所有的 div 设置固定的宽度和高度,将它们向左浮动就可以了。