自学内容网 自学内容网

grid栅格布局

CSS 网格布局

网格是一组相交的水平线和垂直线,它定义了网格的列和行。

display 属性

当一个 HTML 元素将 display 属性设置为 grid 或 inline-grid 后,它就变成了一个网格容器,这个元素的所有直系子元素将成为网格元素。

<div class="grid-container">
  <div class="grid-item">1</div>
  <div class="grid-item">2</di>
</div>

.grid-container { display: grid; }

.grid-container { display: inline-grid; }

display:grid 网格容器表现为块级元素特性; display:inline-grid 网格容器表现为行内块元素特性;


原文地址:https://blog.csdn.net/m0_60559048/article/details/136464191

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!