2 行の抜粋 (ティーザー) を作成するために、動的テキストをトリミングする必要があります。問題は、div 内に表示される文字列を取得する行数が、使用される文字 (たとえば、「w」と「i」は同じ幅にならない)、ブラウザー、および OS (Mac のフォントはWindows の同じフォントと完全に同じではありません)。
javascriptで、div内のx行よりも長いテキストをトリミングする方法はありますか(divの長さが固定されていることを知っています)?
ありがとうございました。
2 行の抜粋 (ティーザー) を作成するために、動的テキストをトリミングする必要があります。問題は、div 内に表示される文字列を取得する行数が、使用される文字 (たとえば、「w」と「i」は同じ幅にならない)、ブラウザー、および OS (Mac のフォントはWindows の同じフォントと完全に同じではありません)。
javascriptで、div内のx行よりも長いテキストをトリミングする方法はありますか(divの長さが固定されていることを知っています)?
ありがとうございました。
http://jsfiddle.net/cSTzn/のようなものoverflow: hidden;
を適切に使用して使用できますheight
編集:右下のリンクで更新を行い、必要に応じてカスタマイズしてくださいhttp://jsfiddle.net/cSTzn/1/