如何在段落中创建链接

我在asp中有一段代码和一个链接。问题是，它获得的链接超长，所以它阻止了页面的设计，无论如何，它使它看起来像一个盒子（就像它有一个换行符一样）。更具体地讲我有一个链接，看起来像这样如何在段落中创建链接

http://www.google.com/cewcexxwrfrgregrfref/rferfrefrferfrefrf_jerfreferfrefrefrefrefrefer_freferfwrfwefewfewfwefewfwefefwefewfwefewf909ew0fwefwefwefwefwefwefwefwefewfwefewffwefwefwefwef99we0fwef__________________fwefwefewfewfw45453rwefwef

我希望它看起来与此类似，这样它不破我的网页。

  http://www.google.com/cewcexxwrfrgregrfref/ 
      rferfrefrferfrefrf_jerfreferfrefrefrefrefrefer_ 
      freferfwrfwefewfewfwefewfwefefwefewfwefewf909e 
      w0fwefwefwefwefwefwefwefwefewfwefewffwefwefwefwef99we0f 
      wef__________________fwefwefewfewfw45453rwefwef

下面是代码

<h4 class="SubTitle"> 
Follow our Instructions</h4> 
<p> 
    The instructions can be found in several places but we recommend: 
    <br /> 
     <asp:LinkButton ID="lnkUrl" runat="server" Width="100px"></asp:LinkButton> 
</p>

来源

2012-05-05 user710502

为什么要向用户显示超长URL？ –

这是在一个网站的管理部分...只能由管理员使用.. PS：多数民众赞成在多大程度上客户想要什么我们可以做 – user710502

使用CSS属性word-wrap，这种方式：

a { display: block; word-wrap: break-word; }

你可以看到它的工作here。因此，在您的代码中，它可能是：

<h4 class="SubTitle">Follow our Instructions</h4> 
<p> 
    The instructions can be found in several places but we recommend: 
    <br /> 
    <asp:LinkButton ID="lnkUrl" runat="server" Style="display: block; word-wrap: break-word; width: 100px;"></asp:LinkButton> 
</p>

来源

2012-05-05 23:30:15

奇怪的是，当我添加该CSS它说，换行不是一个已知的CSS属性。 – user710502

你相信Visual Studio讲述了关于CSS的真实性吗？只需使用它，该属性是正确的，并在所有浏览器中正常工作。 –

我相信你，但是因为我没有看到它在这个页面中工作，所以它只是让我疯狂......花了很多时间在这..这看起来像一个简单的修复 – user710502

你应该把它放在一个div的宽度。浏览器会自动为你包装。

<p> 
    The instructions can be found in several places but we recommend: 
</p> 
<div style="width: 100px;"> 
<asp:LinkButton ID="lnkUrl" runat="server" Width="100px"></asp:LinkButton> 
</div>

来源

2012-05-05 23:08:38

我以前试过，没有工作，我完全用代码试过你也粘贴..仍然没有工作 – user710502

I think this might work, apply this css class to your link 
<head> 
<style type="text/css"> 
.nobreak{display:inline;} 
</style> 
</head> 

<h4 class="SubTitle"> 
    Follow our Instructions</h4> 
    <p> 
    The instructions can be found in several places but we recommend: 
    <br /> 
    <asp:LinkButton cssClass="nobreak" ID="lnkUrl" runat="server" Width="100px"> </asp:LinkButton> 
</p>

来源

2012-05-05 23:18:26

如何在段落中创建链接

回答

相关问题