HTML 锚标记中超链接文本的内联换行

Question

我正在尝试找到一种方法，让 HTML 链接中的超长文本可以换行，同时将链接包含在一个紧凑的矩形中。

本质上，我想要这个：

                      真的，真的
    这是一些环绕的文本长链接，这里是一些更多的文本。
                      围成一个长方形

代替：

   这是一些带有非常非常长的链接的文本
   在一个矩形周围，这里是一些更多的文字。

我怎样才能做到这一点？

原文由 Tony the Pony 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以在 Firefox 中这样做——虽然它在 IE 中不起作用:(

 <p>Here is some text <a href="#">with a really, really long link that wraps</a> around in a rectangle and here is some more text.

<style type="text/css">

a {display: inline-block; max-width: 100px; vertical-align: middle;}

</style>

原文由 Greg 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

我知道这已经很老了，但它仍然是我在这个主题上出现的第一批搜索结果之一。我发现使用：

 white-space: pre-wrap;

强制锚将文本环绕在我的宽度限制周围

原文由 Norrec 发布，翻译遵循 CC BY-SA 3.0 许可协议