有没有办法防止文字包装的查询字符串链接失去它的点击功能？

Question

我有一个非常长的链接，我需要在.aspx页面上显示。我用词包装了它，因为它正在转义父容器。我使用的css类似于：Word wrap a link so it doesn't overflow its parent div width. 它工作得很好，但现在链接不再可点击(蓝色)。有没有一种又快又干净的方法让链接保持链接？

我想我可以在它周围放一个a href='the same reallyreallylong ?querystringurl'，但是它看起来很乱。

编辑:现在我开始认为我产生了幻觉，页面从来没有将链接显示为可点击的url。我将在它周围加上'a‘标签。代码编辑：

<li>Example:<p class="wordwrap">http://www.blah.com/yup.asmx?quuuuuuuuuuueeery</p></li>

CSS：

.wordwrap
{
white-space: pre-wrap; /* css-3 */    
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */    
white-space: -o-pre-wrap; /* Opera 7 */    
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

Answer 1

如果你想把url显示为一个链接，那么锚标签就是最好的选择。

<a href="url">url</a>

Answer 2

如果你想弄得更复杂一点，你可以随时调用一个像tinyUrl这样的url shortner api，并显示缩短的url。

例如。http://tinyurl.com/api-create.php?url=http://thisismyreallylongurl.com