我有一些带标题的图片。
这些图片在网站上居中显示,标题应该显示在图片下方。到目前为止非常简单,但问题是:
标题应该左对齐,并从图像的左下角开始(就像报纸上一样)
我可以想到一个用表格解决的办法,但我不喜欢它,因为表格是用来展示表格数据而不是图片和图片标题的。
表格解决方案:
我可以想到一个用表格解决的办法,但我不喜欢它,因为表格是用来展示表格数据而不是图片和图片标题的。
表格解决方案:
<table class="centered-table">
<tr><td class="image"><img src="stackoverflow.jpg" /></td></tr>
<tr><td class="caption">Unanswered question on stackoverflow.com</td></tr>
</table>
.wrapper img { display: block; text-align: center; }
以防万一标题使.wrapper
比图像更大。 - ANeves