要素コンテナーからテキストをトリミングするプラグインを作成しています。基本的に、私はテキストの長さを取得しています-スパンで囲み、非表示にし、テキストの長さが別のコンテナーに収まるポイントを検出します。
- 親コンテナがあり、幅が 200px であるとします。
- 一時的な「スパン」を作成し、テキストを入力します...幅を検出します。私。最後の文字を切り落として再テストします - テキストが 200pix 以内に収まるようになったら.. すばらしい。
しかし、私が残したテキストは約5文字ほど短すぎます. つまり、より多くの文字を「入れることができた」ということです。
ブラウザはパディングまたは width() 検出を無効にする何かを追加しますか?
これを一時コンテナとして使用しています：
temp = $('<span>',{ text: sampletext })
.css({'position': 'absolute','float': 'left', 'font': setfont, 'visibility': 'hidden',
'white-space': 'nowrap'})
.appendTo($('body')),