Question

我需要知道如何创建一个溢出选项，一旦文本溢出我或浏览器大小增加，它将链接到另一个页面。我有边框，边框是图像，另一边是文本。文本位于段落标记内。这根本不是一种形式。我更喜欢JavaScript中的代码，但会接受任何其他可以完成工作的语言。我理解浏览器的大小增加，我可以设置字体大小，但我希望包括盲人在内的每个人都能阅读内容。

这是我的逻辑::

获取JavaScript以检测文本大小。
确定文本是否已通过外部边框。
创建内容页面。（可选）
创建/显示其余内容的链接。

我感谢你们所能给予的任何帮助。

Answer 1

对于mrtsherman，如果我使用溢出，它将看起来像我在下面做的一个例子（在Firefox中测试）。我为这种混乱道歉，但最终目标是检测浏览器的当前文本对于分隔符标签来说太大，显示指向详细页面的链接并切断通常会溢出的所有文本。我知道我这使得它有点复杂，但我希望任何读者都能轻松阅读内容。如果你想去工具＆gt;选项＆gt;内容选项卡 - 字体和颜色 - 大小：28在Firefox中你会看到一个难以阅读的大词，概述了句子/段落试图告诉你的内容。简单地说，我正在努力让读者阅读概述变得更容易。 感谢您的意见。

<强> CSS：

.first_div
{
    border: 2px dotted grey;
    width: 415px;
    height: 200px;
    padding: 10px 10px 10px 10px;
    overflow: auto;

}
.second_div
{
    margin: -13px 0px 0px 205px;
    padding: 10px 10px 10px 10px;
    width: 200px;
    height: inherit;
    position: absolute;
    overflow: auto;
    border-left: 2px dotted grey;
}

#picture
{
    background-color: green;
    width: 200px;
    height: inherit;
    color: white;
}

h3
{
    font-weight: bold;
    color: black;
}

<强>车身

<h3>Overflow Example:</h3>
<div class = "first_div">
    <div class = "second_div">  
        <p>
        This div text will be inside.  This div text will be inside. This div text will be inside. This div text will be inside. This div text will be inside. This div text will be inside. This div text will be inside. This div text will be inside. This div text will be inside. 
        </p>
    </div>
    <div id = "picture">THIS IS A PICTURE</div>
</div>

如果文本溢出，如何创建链接到另一个页面的溢出选项

1 个答案: