AngularMaterial网格列表不适合内容高度。 _程序开发

创始人

2024-10-28 11:01:44

0次

使用CSS的flexbox布局来调整行高度。

示例代码：

HTML:


  Item 1
  Item 2
  Item 3
  Item 4

CSS:

.grid-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.grid-item {
  flex-basis: 20%;
  margin: 10px;
}

在这个示例中，我们使用Angular的Flex布局库来定义网格的行和列。我们将容器设置为flex，并使用wrap属性来使网格自动换行。我们还将容器设置为居中对齐和向左对齐，以使网格在容器中居中对齐。

每个网格项都具有相同的flex-grow属性，并使用20%的flex-basis来指定每列宽度。我们还为每个项目设置了一个边距，以提高视觉间隔。在使用此方法时，请确保容器具有足够的高度，以便网格项可以在列内正确排列。

一分钟了解！wejoker辅助... 一分钟了解！wejoker辅助脚本，微扑克微乐辅助，wepoke教程（有挂技巧）；《WPK辅助透视》...

今日重大通报！wejoker私... 今日重大通报！wejoker私人辅助软件，智星德州可以透视吗，高科技教程（有挂透明）；玩家必备必赢加...

必备科技！wepoker有用吗... 必备科技！wepoker有用吗，wepoker私人局辅助挂，2025教程（有挂方法）；最新版2024...

玩家攻略！wejoker辅助软... 玩家攻略！wejoker辅助软件价格，wejoker内置辅助，解密教程（有挂神器）1、玩家可以在we...

玩家必看科普！pokemmo辅... 玩家必看科普！pokemmo辅助器脚本下载，wepoker透视脚本是什么，德州教程（有挂方法）；po...

玩家必备教程！we poker... 自定义we poker辅助器下载系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅...

发现玩家！wepokerplu... 发现玩家！wepokerplus脚本，wepoker作弊视频，细节方法（有挂辅助）是一款可以让一直输...

一分钟带你了解！wepoker... 1、一分钟带你了解！wepoker分析，约局吧德州真的存在透视吗，2025版教程（有挂攻略）。2、约...

一秒答解！佛手在线是不是有挂，... 一秒答解！佛手在线是不是有挂，wepoker透视脚本安卓，攻略教程（有挂教程）；最新版2024是一款...

关于！hhpoker有没有作弊... 关于！hhpoker有没有作弊挂，wepoker有辅助功能吗，爆料教程（有挂透视）；亲真的是有正版授...