如何设置标题文字比图像宽

Question

在Lightbox2中，我试图使标题文本居中且比图像宽。我在以下位置使用CSS文件部分：

.lb-data .lb-details {
width: 100%;
float: left;
text-align: center;
line-height: 1.2em;
}

通过增加“宽度”，我可以在右侧获得较宽的文本，并通过将“浮动”更改为右侧，可以使较宽的文本悬挂在左侧。

我还尝试将“ float”设置为“ none”和“ heritit”，但没有成功。

我想做的是制作一个纵向居中图像，其居中文本比图像宽。

由于文本可以比图像宽，所以我认为这不是容器问题，但我可能是错的。

有什么建议吗？感谢所有帮助。

Answer 1

这是一个容器问题。 div.lb-dataContainer的宽度与上方的图像容器相匹配。为了扩大它的范围，您可以通过编辑lightbox.js源或使用CSS（例如）来覆盖它。 .lb-dataContainer { width: 100% !important; }