@mt-kit/style

样式工具库，提供 CSS 重置、文本省略、HTML 元素个性化样式等功能。

安装

npm i @mt-kit/style

样式

初始化样式

重置浏览器默认样式。

import '@mt-kit/style/reset';

个性化 HTML 元素样式

对 a、code、del、mark 等 HTML 元素进行样式修改。

import '@mt-kit/style/indivHtml';

API

cssEllipsis

生成文本省略的 CSS 类名，支持多行省略。

参数：

参数名	说明	类型	是否必传	默认值
lines	显示的行数	number	是	-

返回值： string - CSS 类名

使用示例：

import { cssEllipsis } from "@mt-kit/style";

// 创建元素并应用 3 行省略样式
const div = document.createElement('div');
div.setAttribute('class', cssEllipsis(3));

// 可选：设置宽度
// div.style.width = '40px';

div.innerText = '这是一段很长的文本，超过指定行数后会被省略...';
document.body.appendChild(div);