如何在CSS网格中将文本元素与右下角对齐？

我想要。表格col-1内文本位于右下方：

.wrapper {
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  grid-gap: 20px;
}
.form-col-1 {
  grid-column: col-start / span 5;

}
.form-col-2 {
  grid-column: col-start 6 / span 7 ;
}

---

您可以在第一列上使用Flexbox，并将

内容对齐

和

项目对齐

设置为

柔性末端

.wrapper{
网格模板柱：7fr 5fr；
网格自动行：50px；
显示：网格；
栅隙：20px；
}
.表格-col-1{
边框：1px纯黑；
显示器：flex；
对齐项目：柔性端；
证明内容：柔性端；
}
.表格-col-2{
边框：1px纯黑；
}

第1列
第2列
第3列
第4列

没有

html

很难帮助您，但是您是否在css中尝试过这一点：

position:absolute；右：0px；底部：0px？您可以使用js+HTML+CSS代码片段来帮助我们帮助您。请添加一个-您完全缺少HTML。