在线测试 <<>> Github Code <<>> NPM

Options 配置项

  • options.maxWidth

    • @type Array(Number) | Number
    • @default [200]

单行的最大像素宽度；Number 类型表示所有行相同宽度；Array 类型可以实现阶梯状的不等宽行，如果数组的长度不足会循环使用；

  • options.maxRow

    • @type Number
    • @default 55555

如果发生换行行为，则可以断行的最大行数，如果超出该最大行数，会对最后一行（最大行数）做追加 suffix 处理；

  • options.splitSymbol

    • @type String
    • @default ' '

针对需要处理的一段文本 text，分割文本中每个单位的标志（如果英文中的空格）；

  • options.suffix

    • @type String
    • @default '...'

当发生截断时，需要对被截断的单位（如：单词、一行）做的追加提示信息；

  • options.class

    • @type String
    • @default ''

TextWrapPX内部会在浏览器 DOM 中创建一个 标签来测试文本，因此可以自定义该标签的 class 属性；多个 class 用空格分隔；该配置的初衷是为了达到样式复用；

  • options.style

    • @type Object
    • @default 
      {
    'display': 'inline-block',
    'position': 'absolute',
    'margin-top': '-99999px',
    'white-space': 'nowrap',
    'line-height': 'normal'
}

TextWrapPX内部会在浏览器 DOM 中创建一个 标签来测试文本，因此可以针对该标签定制需要的样式；

默认的样式均有特殊的意义，不得已尽量不要覆盖；

  • options.parent

    • @type DOM
    • @default window.body

TextWrapPX内部会在浏览器 DOM 中创建一个 标签来测试文本，因此可以决定将该标签插入到哪个 DOM 下；该配置的初衷是为了达到样式复用；

results matching ""

    No results matching ""