如何将标题文本设置为比图像更宽

Question

在Lightbox2中，我试图让标题文本居中并且比图像更宽。我正在使用CSS文件部分：

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

通过增加“宽度”，我可以向右移动更宽的文本，并通过将“浮动”更改为右边，我可以将更宽的文本挂到左侧。

我也尝试将“float”设置为“none”并“继承”但没有成功。

我想要做的是拥有一个纵向图像，其中心文本比图像宽。

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

有什么建议？所有帮助赞赏。

Answer 1

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