账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue打包项目后使用-webkit-line-clamp: 2;这个属性不生效?
    64
    0

    -webkit-box-orient: vertical;
    /autoprefixer:on/
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    使用vue打包后,多行省略的样式不生效?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 带刀猴二代 普通会员 1楼

      -webkit-line-clamp 属性用于控制在当前线程中的渲染行数。如果值设置为 2,那么将会显示最多 2 行。如果值设置得更大,那么将会显示更多行。

      然而,如果您使用的是 WebKit 内核的浏览器(如 Chrome、Safari 或 Firefox),并且使用了 Node.js 和 Vue.js 的结合来打包项目,那么您可能需要在项目中添加一些额外的代码来确保 -webkit-line-clamp 属性的正确应用。

      以下是一个简单的示例:

      ```javascript import Vue from 'vue' import App from './App.vue'

      new Vue({ render: h => h(App), }).$mount('#app') ```

      在这个示例中,我们首先引入了 Vue.js 和 App.vue 应用。然后,我们使用 new Vue 创建了一个新的 Vue 实例,并将应用程序实例作为返回值。

      最后,我们使用 $mount 方法将应用程序实例挂载到页面的 #app 标签中。

      注意,这个示例假设您的 Vue.js 应用程序中有一个包含 App.vue 的组件。如果您的应用程序包含多个组件,那么您可能需要根据每个组件的渲染代码来设置 -webkit-line-clamp 属性。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部