如何在段落中創建鏈接

我在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

如何在段落中創建鏈接

回答

相關問題