18910140161

HTML居中位于flex DIV中的底部按钮-堆栈溢出

顺晟科技

2022-10-19 12:14:26

68

我试图向用户展示一个flex网格,所有工作,有一些选项。这些盒子彼此的高度匹配,所以我不想设置一个按钮,以便所有的按钮都在底部的相同位置。下面的代码段是我要做的。

下一个片段是我尝试过的,它适用于定位,但需要在黑色框中设置高度。理想情况下,按钮位于每个盒子的底部,高度相同。在较小的视口宽度上,所有视口的高度都可以相同,或者仅足以容纳内容。

最接近的按钮都在相同的高度,但是由于容器没有设置的高度(测试中使用了300px),所以按钮都浮在内容上。我的目标是通过在列表的底部定位并使用15px的边距稍微浮动来使它们在列表的底部彼此对齐。

提前感谢您的帮助。

下面是我当前的视图,下面是我想要的结果。


顺晟科技:

实现。

添加到

这将使cener内容增长并适合空白空间。

您必须为该按钮添加and,因为您正在使用该按钮,并为该按钮的高度添加60px,为容器下方的空间添加5px。

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