18910140161

css中的HTML-卡片布局,使用网格堆栈溢出

顺晟科技

2022-10-19 13:16:16

137

我想为html元素创建一个卡片布局。我遇到了Jen Simmons的美丽的博览会,但它使用实现了这个想法。问题是不允许控制每列的宽度,这意味着每列的宽度相等。

因为在我的网页中我想控制列宽,所以我转到:

我的问题来了:如何使用以下方法实现所需的卡片布局?

所需的视觉效果是,每个框(元素)都出现在其上方的框(元素)之后,而不考虑框的左右高度。

下图演示:

有什么帮助吗?

我的代码:


顺晟科技:

我的方法是重新构造页面,因为同一行中的网格元素都是一个块,所以如果将它们分成左列和右列,就可以达到这种效果。

我所做的只是将div分组到左列和右列中,以根据列而不是行分别确定每个div的高度。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航