84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我正在尝试创建一个 3 列多行的链接网格（img + 文本）。问题是我的图像高度不一样，所以我得到这样的结果：
我正在尝试查找需要什么 CSS 网格属性才能获得这样的结果。
我尝试只做 3 个 div（每列），其中包含多个链接，但响应时顺序不正确。
你们能帮忙吗？非常感谢。
我想，你可以将 display: flex 放到父 div 中 然后在每列中添加要渲染的图像数量
display: flex
<div class='parent'> <div class='column'> <img src='/img-1' /> <img src='/img-4' /> <img src='/img-7' /> </div> <div class='column'> <img src='/img-2' /> <img src='/img-5' /> <img src='/img-8' /> </div> <div class='column'> <img src='/img-3' /> <img src='/img-6' /> <img src='/img-9' /> </div> </div>
现在您不必担心图像高度不同。
我想，你可以将
display: flex放到父 div 中 然后在每列中添加要渲染的图像数量<div class='parent'> <div class='column'> <img src='/img-1' /> <img src='/img-4' /> <img src='/img-7' /> </div> <div class='column'> <img src='/img-2' /> <img src='/img-5' /> <img src='/img-8' /> </div> <div class='column'> <img src='/img-3' /> <img src='/img-6' /> <img src='/img-9' /> </div> </div>现在您不必担心图像高度不同。