5

テキスト（製品名など）を2行に制限するJavascript/jQuery + CSSの方法を探しています。しかし、訪問者はそれが切り詰められていることを知る必要があるため、最後に「...」を追加する必要があります。

私がこれを行うことを考えていた元の方法は、テキストを 1 行に配置し、その幅を測定し、テキストが含まれている div の幅の 2 倍に達する直前に切り取ることでしたが、各文字がおそらく必要になるため、注意が必要です。それよりも幅を計算する必要があります。

この場合、文字数または単語数に制限しても機能しません。ギャップを設ける代わりに、毎回その div の 2 行を完全に埋めたいと思います。

等幅フォントを使用する代わりに、これを実現する良い方法はありますか?

4

2 に答える 2

1

これには css を使用できます。

.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; /* for links */
}
于 2015-09-11T04:53:28.623 に答える