CSS中心定位

2g32fytz  于 2022-11-27  发布在  其他
关注(0)|答案(1)|浏览(136)

我有一种困难的css定位对我来说,需要帮助。问题是有一行div与flex-wrap: Package 。(图1)

每个div有50%的宽度,所以我们有2列。我需要每个输入的2行元素必须在相同的位置。(图片2)

你可以看到所有的元素都在同一个标签上,与标题的高度和错误的高度无关。我尝试使用align-items:flex-start/end,但它不起作用,因为如果你使用start,你取决于标题的高度,如果你使用flex-end,那么你取决于错误的高度。在这两种方式移动在不同的水平。我希望我解释清楚。你能告诉我如何才能实现这个行为?
我试着使用不同的flex-items属性值,但它没有工作。我会很感激,如果你告诉我如何放置像图片2的div。

s5a0g9ez

s5a0g9ez1#

我创建了一个pen来演示如何使用CSS Grid来实现这一点,但对于那些希望看到代码的人,这里是:
第一个
这里的秘诀是使用grid-template-rows,而不是使用网格容器对齐元素。

相关问题