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来指定每列宽度。我们还为每个项目设置了一个边距，以提高视觉间隔。在使用此方法时，请确保容器具有足够的高度，以便网格项可以在列内正确排列。

辅助开挂！九江讨赏插件，wep... 辅助开挂！九江讨赏插件，wepoker破解版内购（透视）开挂辅助平台（有挂存在）;一、wepoker...

辅助开挂！多乐游戏脚本，wep... 辅助开挂！多乐游戏脚本，wepoker线上大神（透视）开挂辅助神器（有挂秘籍）；1.多乐游戏脚本 a...

总算了解“拱趴大菠萝万能挂图解... 您好：这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好，总是好牌...

辅助开挂！湖北逍遥卡五星辅助，... 辅助开挂！湖北逍遥卡五星辅助，哈糖大菠萝助手（透视）开挂辅助神器（有挂辅助）；小薇（透视辅助）致您一...

研究成果“we-poker是什... 研究成果“we-poker是什么软件”开挂(透视)辅助平台(安装教程有挂方法)；无需打开直接搜索微信...

开挂辅助！广东雀神挂件骗局，w... 开挂辅助！广东雀神挂件骗局，wepokerplus辅助（透视）开挂辅助插件（有挂教程）；广东雀神挂件...

玩家必看分享“wepoker透... 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由: 1、软件助手是一款功...

辅助开挂！欢乐对决辅助软件，w... 辅助开挂！欢乐对决辅助软件，wpk透视辅助方法（透视）开挂辅助下载（有挂方法）;AI辅助机器人普及解...

查到实测“hhpoker辅助挂... 查到实测“hhpoker辅助挂是真的吗”开挂(透视)辅助软件(透牌教程新版有挂)；无需打开直接搜索打...

辅助开挂！贵阳辅助工具，wep... 辅助开挂！贵阳辅助工具，wepoker免费脚本咨询（透视）开挂辅助软件（有挂工具）;相信小伙伴都知道...