段落で中断するリンクを作る方法

このコードを段落とリンクがあるaspに書いています。問題は、その取得が超長すぎてページのデザインを制止するリンクではないことです（行間があった場合など）。私はこの段落で中断するリンクを作る方法

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

のように見えるリンクを持っている。具体的には、私はそれが私のページを破るdoesntのように、それは次のようなものを見てみたいです。ここで

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

はあなたが幅のdivの中にそれを置く必要があるコード

<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

です。ブラウザが自動的にラップします。

<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

段落で中断するリンクを作る方法

答えて

関連する問題