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透视怎么安装... 透视私人局！wpk透视怎么安装，wpk软件是正规的吗，透明挂教程（其实是真的有挂）1、每一步都需要思...

透视存在！wpk作弊最怕三个东... 透视存在！wpk作弊最怕三个东西，wpk私人局有透视吗，wepoke教程（原来真的是有挂）1、下载好...

透视游戏！哈糖大菠萝挂法，约局... 透视游戏！哈糖大菠萝挂法，约局吧德州真的存在透视吗，线上教程（有挂教程）所有人都在同一条线上，像星星...

透视黑科技！菠萝辅助器免费版的... 透视黑科技！菠萝辅助器免费版的特点，德州机器人代打脚本，德州论坛（有挂解密）；1、菠萝辅助器免费版的...

透视黑科技！wpk德州局怎么透... 透视黑科技！wpk德州局怎么透视，wpk显示有作弊，透明挂教程（切实真的有挂）；1）wpk德州局怎么...

透视私人局！pokemomo辅... 透视私人局！pokemomo辅助工具，智星德州插件，2025教程（有挂细节）1、pokemomo辅助...

透视系统！wpk软件是真的吗，... 透视系统！wpk软件是真的吗，wpk真吗，解说技巧（切实真的有挂）1、让任何用户在无需wpk软件是真...

透视透视！佛手在线大菠萝辅助，... 透视透视！佛手在线大菠萝辅助，poker红龙辅助，详细教程（有挂攻略）1、很好的工具软件，可以解锁游...

透视玄学！wpk安卓下载辅助，... 透视玄学！wpk安卓下载辅助，wpk作弊最怕三个东西，技巧教程（竟然存在有挂）；wpk作弊最怕三个东...

透视辅助！werplan辅助软... 透视辅助！werplan辅助软件，佛手大菠萝辅助，大神讲解（有挂揭秘）1、佛手大菠萝辅助系统规律教程...