0

これをうまく説明できることを願っています。

私はTumblrのテーマを作成しており、テキストが長すぎる場合にテキストが2行目にはみ出さないように投稿のタイトルを設定しています。新しい行にドロップしたり、途切れたりするのではなく、親の端に到達するにつれてテキストを小さくしたいと考えています。

fittext.js と bigtext.js を試しましたが、どちらも機能しませんでした。そして、fittext.jsはより反応の良いテキストのようで、bigtext.jsは常にテキストを親と同じ幅にするので、私が望むものでは機能しないと思います。

私がこれを達成できることを知っている人はいますか？私はJavascriptに関しては初心者なので、返信するときはそのことを覚えておいてください. ;D

4

1 に答える 1

1

最初のステップは、改行を止めることです。

white-space:nowrap;

次に、スクロールを許可する必要があります。

overflow:hidden;

にアクセスできるようになりましたscrollWidth。より大きい場合はoffsetWidth、テキストが大きすぎます。

一度に 1 単位の font-size ずつテキストを縮小できます (0.1em、1px、1pt など、必要に応じて)。scrollWidthが 以下になるまで、この手順を繰り返しoffsetWidthます。タダ！

于 2012-12-18T21:48:10.197 に答える