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

黑科技规律(微扑克ai辅助器苹... 黑科技规律(微扑克ai辅助器苹果版)外挂透视辅助挂(透视)竟然存在有挂(黑科技揭秘)；所有人都在同一...

黑科技有挂(wepoke透明挂... 黑科技有挂(wepoke透明挂怎么识别)外挂透视辅助app(透视)竟然是有挂(黑科技解说)；1、不需...

黑科技辅助(wepoke透明挂... 黑科技辅助(wepoke透明挂使用教程)外挂透明挂辅助神器(透视)一直真的有挂(黑科技揭秘)1、玩家...

黑科技神器(微扑克有辅助挂)外... 黑科技神器(微扑克有辅助挂)外挂透视辅助器(透视)确实是真的有挂(黑科技插件)1、打开软件启动之后找...

黑科技最新(德州之星插件)外挂... 黑科技最新(德州之星插件)外挂透明挂辅助技巧(透视)切实是有挂(黑科技介绍)1）德州之星插件辅助挂：...

黑科技科技(aapoker有挂... 黑科技科技(aapoker有挂吗)外挂透视辅助插件(透视)竟然有挂(黑科技工具)；1、每一步都需要思...

黑科技规律(wepoke到底有... 黑科技规律(wepoke到底有没有挂)外挂黑科技辅助挂(透视)好像是真的有挂(黑科技辅助)1、wep...

黑科技好牌(wepoke辅助插... 黑科技好牌(wepoke辅助插件)外挂透明挂辅助插件(透视)切实真的有挂(黑科技黑科技)黑科技好牌(...

黑科技软件(微扑克辅助透视技能... 黑科技软件(微扑克辅助透视技能教程)外挂透明挂辅助神器(透视)本来真的是有挂(黑科技细节)1、下载好...

黑科技辅助(wpk辅助神器)外... 黑科技辅助(wpk辅助神器)外挂黑科技辅助软件(透视)总是是有挂(黑科技辅助)1、让任何用户在无需w...