Logo Windi CSS

Line Clamp

工具类

类属性值
line-clamp-${int}overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: ${int};
line-clamp-none-webkit-line-clamp: unset;

用法

windi.config.js
export default {
  extend: {
    lineClamp: {
      sm: '3',
      lg: '10',
    },
  },
  plugins: [
    require('windicss/plugin/line-clamp'),
    // ...
  ],
}