如何将cboxTitle对齐到图像下方但垂直对齐到顶部？

Question

我使用这个例子作为我工作的基础：

http://www.katehendrickson.com/colorbox/example2/index.html

在下面的链接中，我设法将cboxTitle的位置切换到CSS中的底部，因为它与顶部的控件发生冲突，当内容强制它为3行时看起来不太好。但是，当文本只有1或2行时，会在其上方出现间隙。

http://www.katehendrickson.com/collection/bacci/2.shtml

如何使它垂直对齐，但在图像下面可以显示我想要的多行？

非常感谢。

• Paul Mycroft

Answer 1

最简单的方法是更改​​以下行：

#cboxTitle{position:absolute; bottom:-75px; left:0; color:#000; text-align: left;}

对此：

#cboxTitle{position:absolute; top:100%; left:0; color:#000; text-align: left;}