网格系统

CSS一直用来布局网页，但一直都不完美。 一开始我们使用table 做布局，然后转向浮动、定位以及inline-block，但所有这些方法本质上都是 Hack 的方式，并且遗漏了很多重要的功能（例如垂直居中）。 Flexbox的出现在一定程度上解决了这个问题，但是它的目的是为了更简单的一维布局，而不是复杂的二维布局（Flexbox和Grid实际上一起工作得很好）。 只要我们一直在制作网站，我们就一直在为解决布局问题不断探索， 而Grid是第一个专门为解决布局问题而生的CSS模块。 Gird简介和基本概念 grid布局又称CSS网格布局，（又名“网格”）是一个二维的基于网格的布局系统，其目的只在于完全改变我们设计基于网格的用户界面的方式。 grid中的一些概念 网格容器（Grid Container）元素应用display:grid，它是其所有网格项的父元素。 网格项（Grid Item）网格容器的直接子元素 网格线（Grid Line）组成网格线的分界线。它们可以是列网格线（column grid lines），也可以是行网格线（row grid lines）并居于行或列的任意一侧 网格轨道（Grid Track）两个相邻的网格线之间为网格轨道。 网格单元（Grid Cell）两个相邻的列网格线和两个相邻的行网格线组成的是网格单元，它是最小的网格单元。 网格区（Grid Area

图1 ：从共有760万个多边形中的真实建模序列的9个关键帧（顶部）中提取并折叠的编辑时间线（底部），。 §5中列出了所检测到的操作的图例，完整的时间表在补充材料中。 摘要 我们提出了一种新颖的工具，用于根据时间轴抽象（abstraction）对来自连续3D文件的建模历史进行逆向工程。 尽管时间轴接口通常用于动画的3D建模包中，但之前从未在几何体操纵中使用过。 与以前需要使用编辑软件的可视化方法不同，我们的方法不依赖预先记录的编辑指令。 而是将每个独立的3D文件视为构造流程的关键帧，从该关键帧中对编辑源进行反向工程。 我们根据不同专业艺术家在各种建模工具中创建的六个复杂3D序列对该工具进行评估，并得出结论，该工具提供了可视化和理解编辑历史的有用方法。 一项比较用户研究表明，该工具非常适合于此目的。 1.介绍 随着3D几何处理工具的可访问性越来越高，它们在从游戏到3D打印的应用程序中的使用正在激增。因此，越来越需要检查和组织大型模型集合。这些可能来自需要根据类型或形状分类的相似模型的档案。但是，我们发现了一个补充问题。在编辑历史记录的时域中组织模型。由于许多工具不保存编辑历史记录，即使保存，也仅在最近的几个步骤中保存，因此出现了问题。无论如何，这些本地历史记录都可以手动删除，并且在导出为交换格式时也会丢失。尽管大多数工具都允许文件名自动增加和自动保存，但是对此类文件的管理却很少得到支持