如何限制html锚定标记文本的长度?
我想链接一个太长的文本。例如,假设文本为: “将此文本链接到具有相应结果集的页面。结果集页面inturn将重定向到另一个提供单个项目的页面。然后,单个项目将重定向回原始链接”。 我可以通过将上面的文本放在如何限制html锚定标记文本的长度?,html,Html,我想链接一个太长的文本。例如,假设文本为: “将此文本链接到具有相应结果集的页面。结果集页面inturn将重定向到另一个提供单个项目的页面。然后,单个项目将重定向回原始链接”。 我可以通过将上面的文本放在之间来实现这一点标签。一切都很好。。。生活很酷。现在是困难的部分。上述文本将显示在一行上,水平增加页面大小。我想在保持锚定链接的同时拆分字符串。例如,我想要这样的东西: 将此文本链接到具有相应结果集的页面。 结果集页面inturn将重定向到另一个提供individualitem的页面。 结果集页
之间来实现这一点代码>标签。一切都很好。。。生活很酷。现在是困难的部分。上述文本将显示在一行上,水平增加页面大小。我想在保持锚定链接的同时拆分字符串。例如,我想要这样的东西:
将此文本链接到具有相应结果集的页面。
结果集页面inturn将重定向到另一个提供individualitem的页面。
结果集页面inturn将重定向到另一个提供单个项目的页面。
但是,应将这三行视为单个链接,将鼠标悬停在其中任何一行上都会显示所有三行的下划线(即,不应将每一行视为单个链接)
这可能吗 如果要将字符串拆分为句子,则必须执行一些字符串操作
更好的办法可能是将文本放在一个容器中,并给容器一个固定的宽度。不确定它是否符合标准,但您可以这样做:
只需正确嵌套HTML标记即可。例如,要使这三行都分开但链接相同,请将它们放在单独的
标记中,但将整个段封装在
上述文本将显示在一行上,水平增加页面大小
不,不会的。浏览器应将该文本包装到容器的大小。就像在这里一样:
我会这样做
<a href="..."><div style="width:25%">bla bla bla bla bla bla bla</div></a>
这将使div成为链接,但也会限制间距。如果你想用句子或其他东西来分解它,我会在你想让它进入下一行的地方放置一个
标签(不要使用
,因为这不是web标准)。锚元素不会水平增加页面。它们会自动换行。如果您想在特定位置换行,只需添加
(代表“break”)即可强制换行。只要您只使用一组…
,链接仍然是一个链接。从HTML5开始,这是符合标准的。就像10年前一样,每个浏览器都是这样做的(无论如何=)@sdleihssirhc感谢您的补充。
<a href="#anchor">
<p>This is the first line.</p>
<p>Another line.</p>
<p>Down at the bottom, same link.</p>
</a>
<a href="..."><div style="width:25%">bla bla bla bla bla bla bla</div></a>