0

省略記号がない場合、省略記号のテキストとそれに続くテキストの間にスペースがないという問題が発生しています。これに対する答えは、stackoverflow でも Google 検索でも見つかりませんでした。

現在、jquery dotdotdot プラグインを使用して、段落の特定の文字の後に省略記号を付けています。私のコード構造は次のようになります。

<div class="ellipsis">
   <p> this is some text. this is some text. this is some text. </p>
   <asp:Literal id="litLearn" runat="server" Text="Read More" />
</div>

出力は次のようになります。これはテキストです。これは... 続きを読む.

ここでの問題は、テキストが十分に長くない場合、省略記号がなく、テキスト間にスペースがないことです。

タグと「続きを読む」テキストを追加すると、出力は次のようになります。

続きを読むテキストのコード自体にスペースを入れることができますが、問題は、サイト内の大量のページでそれを行う必要があるため、css または jquery の方法があるかどうかを確認したかったことです。

どんな助けでも大歓迎です。

4

2 に答える 2

0 
white-space: pre-line;

pこれをCSS プロパティとして要素に追加します。

于 2013-09-17T16:29:06.920 に答える
0

使用するとどうなりますか：

<p> this is some text. this is some text. this is some text.&nbsp;</p>

と：

$(".ellipsis").dotdotdot({
   lastCharacter: {
      //just remove the empty space in the array so that it wont get removed
      remove: [ ',', ';', '.', '!', '?' ]
   }
});
于 2015-07-14T01:00:33.840 に答える