有关CSS网格列，行跨度为2，内容与第二行对齐？
有关CSS网格列，行跨度为2，内容与第二行对齐？
提问于 2018-08-06 07:41:51
在网格中，我有一个单元格，其行跨度为2，但我希望该单元格的内容与第2行对齐。是否有一个简洁的方法来实现这一点。我试着给单元格"grid-row: 2"，这确实将内容向下移动，但它仍然被一点点关闭。
回答 1
Stack Overflow用户
发布于 2018-08-06 16:50:39
一个更简单的解决方案似乎是放弃行跨度，并在第一行中包含一个空单元格。如果需要，可以将这两个单元格的样式变为单个单元格，请注意边框必须存在，但不可见，否则文本将不会与相邻单元格一致：
https://jsfiddle.net/0oup2fsL/11/
或者，你可以将内容与行跨度单元格的底部对齐，前提是这是适当的：
td {vertical-align:bottom;}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100001964
复制相关文章
相似问题