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

Question

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

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

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

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

如何使其垂直对齐但在图像下方显示我想要的尽可能多的行？

非常感谢。

• 保罗迈克罗夫特

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;}