您的位置:首 页 > 新闻中心 > 企业网站设计 > 企业网站设计网格布局

企业网站设计

企业网站设计网格布局

发布:2020-12-12 13:04:26 浏览:2214

        网格布局。弹性盒子布局适用于一维布局,即横向布局或者竖向布局。无法解决二维布局的复杂需求(叶文全,基于CSS网格布局的新一代网页布局方法研究:西安文理学院学报(自然科学版),2018)。为此W3C组织又推出了CSS网格布局,它将网页分成具有简单属性的行和列,注意它不同于最原始的表格table布局或display:table布局,它充分体现了结构和表现高度分离。

        网格布局涉及到父元素和子元素两个部分,设置父元素的display属性设置为grid(或者inline-grid)时,那么这个元素就是一个网格容器,它的所有直接子元素就成了网格项。如图2所示,通过示意图,可以看到网格布局所用到的常用元素。它看上去类似于表格,由行和列组成。

        其中每一行或者每一列叫做网格轨道,注意当我们把局部元素定义网格时,我们定义的就是网格轨道。每一个单元格叫做网格单元,它是网格布局中的最小单位。由若干单元格构成的区域叫做网格区域,它呈矩形形状。每一条线叫做网络线,网格线从左到右或者从上到下依次顺序编号。

>>> 查看《企业网站设计网格布局》更多相关资讯 <<<

本文地址:http://yunshangjianzhan.com/news/html/22324.html

赶快点击我,让我来帮您!