如何使用 CSS 对齐图像,表格单元格的右下角?

Posted

技术标签:

【中文标题】如何使用 CSS 对齐图像,表格单元格的右下角?【英文标题】:How to align an image, bottom right of table cell by using CSS? 【发布时间】:2014-03-07 01:39:52 【问题描述】:

如何使用 CSS 将图像设置在表格单元格的右下角?我没有包含代码,因为它只是一个图像和一个表格单元格。

【问题讨论】:

我会使用背景和背景位置属性,但你没有包括你需要的,你只是说你有一个表格,一个单元格和一个图像,在某些情况下背景图像会比内联图像更好,在其他情况下则不会 【参考方案1】:

像这样:

td  text-align: right; vertical-align: bottom;  

Demo

【讨论】:

唯一的问题是单元格中的文本也需要居中对齐 然后添加一个div,让图片绝对化,或者使用背景图片代替。

以上是关于如何使用 CSS 对齐图像,表格单元格的右下角?的主要内容,如果未能解决你的问题,请参考以下文章

Css中控制table单元格的间距

如何使用 CSS 拉伸表格单元格的背景图像?

CSS中表格单元格对齐如何设置?

与相邻单元格的特定元素对齐

将两个元素与表格单元格的顶部和底部对齐

如何在固定大小的表格单元格内按比例缩放图像