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

一分钟揭秘!wpk透视辅助下载... 很多人使用云端 AI 时，都担心wpk透视辅助下载、内部资料上传带来隐私风险。这款本地运行的 AI ...

玩家亲测!wepoker私人局... wepoker私人局怎么玩AI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻...

分辨真假!wepoker俱乐部... 您好：wepoker俱乐部辅助这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多...

1.9分钟了解!wpk德州局怎... 您好：wpk德州局怎么透视这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户...

分享个大家!wpk透视工作室,... AI 黑科技赛道又上新，这款智能处理工具堪称效率开挂，专门面向短视频创作者打造。它打通脚本撰写、AI...

攻略讲解!wpk透视辅助方法,... 一款 AI 游戏攻略黑科技工具上线，查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...

技术分享!wepoker俱乐部... 您好：wepoker俱乐部辅助这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多...

玩家必备教程!!德扑之星透视辅... 玩家必备教程!!德扑之星透视辅助插件,WPK有没有辅助插件神器（素来是真的有透视）AI 智能体黑科技...

科技通报!wepoker代打辅... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...

关于!德扑圈透视挂,德扑之星透... 关于!德扑圈透视挂,德扑之星透视脚本插件（果然是有辅助）AI 是一款可以让一直输的玩家修复黑科技更新...