CSS输入一级定位

bmp9r5qi  于 2022-11-26  发布在  其他
关注(0)|答案(1)|浏览(125)

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

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

你可以看到所有的元素都在同一个标签上,与标题的高度和错误的高度无关。我尝试使用align-items:flex-start/end,但它不起作用,因为如果你使用start,你取决于标题的高度,如果你使用flex-end,那么你取决于错误的高度。在这两种方式移动在不同的水平。我希望我解释清楚。你能告诉我如何才能实现这个行为?
我试着使用不同的flex-items属性值,但它没有工作。我会很感激,如果你告诉我如何放置像图片2的div。
我已经问过这个问题之前,并得到了一个答案,我认为是正确的,但不幸的是,它不是的.摩根Freeney给予我一个解决方案,但它有一个关键的问题,我.如果你使错误更大,标签也变得更大.我该如何解决它?我希望他们采取相应的大小.

Morgan在codepen上的解决方案
第一个

wqlqzqxt

wqlqzqxt1#

尝试

.form-group {
  display: flex;
  flex-direction: column;
}

相关问题