首页 > 其他分享 >Vue项目打包后css中的-webkit-line-clamp这个属性失效

Vue项目打包后css中的-webkit-line-clamp这个属性失效

时间:2022-12-08 17:36:12浏览次数:120  
标签:clamp Vue build webkit line config overflow

.htcon {
      margin-top: 5px;
      font-size: 13px;
      word-break: break-all;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
    }

找到./build/webpack.prod.config.js 文件 注释掉已下代码,即可解决

new OptimizeCSSPlugin({
      cssProcessorOptions: config.build.productionSourceMap
        ? { safe: true, map: { inline: false } }
        : { safe: true }
 })

 

标签:clamp,Vue,build,webkit,line,config,overflow
From: https://www.cnblogs.com/szx911/p/16966686.html

相关文章

  • 点击下拉旋转,二次点击恢复(vue写法)
    /*动画*/.downIcon{transform:rotate(0deg)!important;-webkit-transition:transform0.25slinear;-moz-transition:transform0.25slinear;-o-tra......
  • vue 带箭头下拉框
    css代码.droplist-content{display:flex;flex-direction:column;font-size:0.12rem;font-family:PingFangSC-Regular,PingFangSC;font-weight:400;c......
  • vuex中的this.$store.commit...
    Vue的项目中,如果项目简单,父子组件之间的数据传递可以使用 props或者$emit等方式进行传递但是如果是大中型项目中,很多时候都需要在不相关的平行组件之间传递数据,并......
  • vue2 插槽20 slot 作用域插槽 具名插槽
    vue官方规定:每一个slot插槽,都要有一个name名称如果省略了slot的name属性,则有一个默认名称叫做default组件中使用:<slotname="default"><h6>这是def......
  • k8s+harbor部署jar包和vue项目
    前置工作:k8s部署docker镜像需要拉取docker镜像,一般企业都是使用的局域网,所以需要在本地搭建一个docker私有仓库。​​将jar包、vue项目打成docker镜像并推送到Harbor本地......
  • 将jar包、vue项目打成docker镜像并推送到Harbor本地仓库
    ​​Centos7下harbor的安装部署​​先制作自己的docker镜像,使用commit方式也可以制作镜像,我这里采用通过编写Dockerfile命令脚本进行生成镜像。​​利用Dockerfile制作自己......
  • Vue动态增添表单并赋予增删上下移动等操作
    Vue动态增添表单并赋予增删上下移动等操作开发需求:前端设计一个表单,依据题目类型,判断是否需要添加内容,若需添加,则可以动态增删、上下移动调整顺序等开发难点:需根据实际逻......
  • vue3 el-pagination 将 英文 修改 为 中文
    当前视图:我要做的是将Total类似的英文改为中文 1. 在组件里引入 ElConfigProvider组件和中文包//ElConfigProvider组件import{ElConfigProvider}f......
  • CSS滚动条样式修改::-webkit-scrollbar
    修改滚动条样式通过伪元素::-webkit-scrollbar;::-webkit-scrollbar-CSS(层叠样式表)|MDN(mozilla.org):-webkit-scrollbar 仅在基于 Blink 或 WebKit 的浏览器,Bli......
  • vue table表格实现无缝滚动 鼠标进入可悬停
    <el-tableref="table":data="tableData":header-cell-style="{background:'#F0F2F7',colo......