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

七分钟了解(Wepoke辅助)... 七分钟了解(Wepoke辅助)外挂辅助插件安装下载(透视)教你攻略(2021已更新)(哔哩哔哩)是一...

第3分钟了解(约局吧)外挂透明... 您好：约局吧这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好，总...

第一分钟了解(wpk下载)软件... 第一分钟了解(wpk下载)软件透明挂辅助软件(透视)必胜教程(2026已更新)(哔哩哔哩)是一款可以...

第四分钟了解(WEPoke)外... 第四分钟了解(WEPoke)外挂透明挂辅助器(透视)必备教程(2023已更新)(哔哩哔哩)是一款可以...

五分钟了解(wepoke透明挂... 五分钟了解(wepoke透明挂)外挂透明挂辅助神器(透视)必胜教程(2021已更新)(哔哩哔哩)；亲...

一分钟了解(Wepoke测试)... 一分钟了解(Wepoke测试)黑科技透明挂辅助神器(透视)解密教程(2020已更新)(哔哩哔哩)；2...

第8分钟了解(德扑线上)外挂智... 第8分钟了解(德扑线上)外挂智能ai辅助黑科技(透视)教你教程(2023已更新)(哔哩哔哩);德扑线...

第十分钟了解(微扑克系统)外挂... 第十分钟了解(微扑克系统)外挂辅助插件安装科技(透视)揭秘教程(2023已更新)(哔哩哔哩);微扑克...

第九分钟了解(德州软件工具)黑... 您好：德州软件工具这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别...

七分钟了解(德州线上扑克)外挂... 您好，德州线上扑克这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这款...