jquery可自定义位置文本文字截断插件

一款轻量级jq插件,可根据自定义位置(start/middle/end)文本字符串行数进行截取,很实用!

文本内容按位置截断

结尾 (默认)

国际奥林匹克运动诞生纪念日。1894年6月23日在巴黎召开国际体育会议,成立了国际奥委会,批准了第一部奥林匹克宪章,现代奥林匹克运动诞生。1986年国际奥委会决定每年6月23日为“奥林匹克日”。这一天在全世界范围举行10公里的群…

中间

国际奥林匹克运动诞生纪念日。1894年6月23日在巴黎召开国际体育会议,成立了国际奥委会,批准了第一部奥林匹克宪…为“奥林匹克日”。这一天在全世界范围举行10公里的群众性长跑活动,参加者可获得由国际奥委会主席签名的证书和纪念品。

开头

…际体育会议,成立了国际奥委会,批准了第一部奥林匹克宪章,现代奥林匹克运动诞生。1986年国际奥委会决定每年6月23日为“奥林匹克日”。这一天在全世界范围举行10公里的群众性长跑活动,参加者可获得由国际奥委会主席签名的证书和纪念品。

Line height

With line-height specified

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy…

line-height auto detect (no css line height specified)

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the…

line-height auto detect (css line height specified)

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy…

Box

No spill

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survi…

No margin and padding

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy…

With padding. No margin.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's…

With padding. With margin.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's…

With padding. With thick borders.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry…

No margin and padding (border box)

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy…

With padding. No margin. (border box)

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's…

With padding. With margin. (border box)

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's…

With padding. With thick borders. (border box)

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text…

With nested elements

Ignore comment nodes

Lorem Ipsum is simply dummy texts of the printi…
…mmy texts of the printing and typesetting industry.
Lorem Ipsum is simply du…f the printing and typesettin

single block wrap

Members, friends, advers…
…mpetitors, and colleagues
Members, fri…d colleagues

double block wrap

Members, friends, advers…
…mpetitors, and colleagues
Members, fri…d colleagues

double inline wrap

Members, friends, advers…
…mpetitors, and colleagues
Members, fri…d colleagues

single wrap with margin

Members, friends, adve…

…etitors, and colleagues

Members, fr… colleagues

single break tag

Members, friends, advers…
…mpetitors, and colleagues
Members, fri…, adversarie

double break tags

Members, friends, advers…
…mpetitors, and colleagues
Members, fri…, adversarie

lists

  • Members
  • Friends…
  • …Friends
  • Members
  • Friends…

nested lists

  1. Members
  2. Friends
    • Noobs…
    • … Noobs
      Educators
      Adversaries
  1. Members
  2. Friends
    • Noobs…

floated elements

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

single wrap with padding