jquery - 幅のスパンを確認し、スパン内の文字を 1 つずつ削除する方法

Question

私はこのコードを持っています:

<div id="new-massege">
    <div class="bs">
        <div id="text-part">
            <div id="text-messege">
                <span>hello my friend how r you ???? I miss you honey</span>
            </div>
        </div>
    </div>
</div>

http://jsfiddle.net/Gkn5j/

jQueryでスパンの値を計算し、値の幅が親の幅よりも大きい場合は、1文字ずつ削除して...最後の文に幅の親要素と等しいスパンの幅まで入れます。

また、私の友人は、この文を1行以上入れてはいけません!!! 私を案内してください...

Answer 1

親divの幅と高さを設定するだけで、スパンの行の高さを定義して2行の高さを正確に知ることができます。

そのオーバーフローの後: hiddenが機能します。

#text-messege{
    width: 100px;
    height: 40px;
    overflow: hidden;
}

#text-messege span{
    line-height: 20px;
}