Question

我有一个网页，我想在其中弹出描述。我用过rightJS灯箱2.4.0。它工作正常但唯一的问题是它只显示了我的部分文本。我附上了一个样本文件来检查;正如您所看到的，它不会弹出整个文本。

有什么建议吗？

感谢

这是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<title>RightJS: Lightbox</title>
 <script src="right.js"></script>
 <script src="lightbox.js"></script>

</head>

<body>

<div class="lower">
<a href onclick="Lightbox.show($(&quot;loremm-block&quot;).html()).resize({width:&quot;20em&quot;}); return false;">Link</a>
</div>

<div id="loremm-block" style="display:none;"> a very long text </div> 

</body>

Answer 1

如果您通过Chrome或Firefox中的检查器检查Lightbox DOM，您会发现它实际上在Lightbox中有整个文本，但 rui-lightbox-scroller 有

overflow:hidden

CSS规则，它切断了文本。

使用Lightbox的宽度设置进行游戏，或尝试将以下CSS规则应用于此元素（ rui-lightbox-scroller ）：

overflow-y:scroll;

HTML结构在样式调整部分中进行了描述，您可以在其中比较DOM

Right Js灯箱不显示长文本

1 个答案: