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

解谜透视！wepoker辅助是... 解谜透视！wepoker辅助是真的假的，微乐小程序挂哪里，机巧教程（有挂解惑）-哔哩哔哩1、在wep...

揭幕透视！hhpoker免费透... 揭幕透视！hhpoker免费透视脚本，微乐自建房辅助工具2025在哪，窍要教程（有挂技巧）-哔哩哔哩...

关于透视！agpoker辅助，... 关于透视！agpoker辅助，微乐智能辅助软件是真的吗，绝活儿教程（发现有挂）-哔哩哔哩1、每一步都...

关于透视！智星德州插件怎么下载... 关于透视！智星德州插件怎么下载，微信小程序微乐辅助器免费版，模板教程（有挂透明挂）-哔哩哔哩1、智星...

关于透视！来玩德州破解器，微信... 关于透视！来玩德州破解器，微信小程序微乐辅助器免费版v2.0免费，手筋教程（有挂透明挂）-哔哩哔哩1...

教你透视！德州透视脚本，微乐小... 教你透视！德州透视脚本，微乐小程序挂哪里有，模块教程（有挂教程）-哔哩哔哩1、实时德州透视脚本透视辅...

揭幕透视！aa poker透视... 揭幕透视！aa poker透视软件，微乐小程序辅助教程，讲义教程（有挂秘诀）-哔哩哔哩1、很好的工具...

详细透视！pokemmo脚本最... 详细透视！pokemmo脚本最新版，微乐自建房辅助可信吗，指南教程（了解有挂）-哔哩哔哩1、首先打开...

必备透视！wepoker能不能... 必备透视！wepoker能不能透视，微乐小程序破解版修改器，模块教程（有挂教学）-哔哩哔哩1、许多玩...

教你透视！hhpoker辅助挂... 教你透视！hhpoker辅助挂下载，微信小程序微乐陕西挖坑外挂，教程书教程（有挂技术）-哔哩哔哩...