用vue脚手架搭建的项目后期上线后-webkit-box-orient: vertical不显示的问题

news/2024/7/10 1:46:56 标签: vue, webkid

目前这个问题我也是第一次碰到,也只是在vue打包项目上线的时候遇到的,其它地方暂时没有实践。

做页面效果的时候,我们经常会遇到文本溢出用“…”代替的情况,下面这种样式是我的代码(可能和你们的大同小异):这里是最多显示两行,第二行溢出隐藏用“…”代替

这样写完之后在本地测试是完全OK的,但是npm run build之后就不显示-webkit-box-orient: vertical了:

解决办法其实很简单,我大佬就叫我:在-webkit-box-orient: vertical;的上面加上/*! autoprefixer: off /,下面加上/ autoprefixer: on */就OK啦~

实践一下这样一加再打包上线就能把-webkit-box-orient: vertical显示出来了。

目前只实践用于我自己的这个情况,希望有类似情况的可以帮助解决问题。
如果你觉得不错,或者发现文章中的错误,或者有更好的建议,欢迎评论或进前端全栈群:866109386,来交流讨论吹水。


http://www.niftyadmin.cn/n/1301331.html

相关文章

springboot2+sercuity+jwt整合3

最后一步整合jwt,前面1,2如果认真操作了,基本就掌握了大概流程,下面只讲jwt,参考网上博客自己整理的 重新编写配置类继承WebSecurityConfigurerAdapter,或者直接再原来的加上 JWTLoginFilter用于生成token类 &#xf…

判断CocosCreator节点是否有某一类脚本组件

在我们的游戏需求里,可能会需要做一类操作,判断某个节点是否有某一类javascript脚本,然后进行执行相应的功能函数。 一、用javascript自带的一种判断方法 这种方法在任何javascript代码里都可以使用: instanceof运算符 如果是…

vue引入axios同源跨域

前言: 跨域方案有很多种,既然我们用到了Vue,那么就使用vue提供的跨域方案。 解决方案: 1.修改HttpRequestUtil.js 1 import axios from axios 2 3 export var baseurl /api 4 /** 5 * Get请求 6 */ 7 export function get…

javascript数组多字段排序

对于需要多字段排序的数组,我们可以借用javascript的原生数组api来完成, 这个api就是sort方法。 arr.sort(sortby) 这个方法的sortby参数可选,这个参数是一个回调方法。 参数:该方法有两个参数,这两个参数是当前比…

关于mogodb复杂的update操作

自己总结网上的多种示例&#xff0c;对下面几种情况的处理 1.对部分元素的改动&#xff0c;只传改动元素情况 备注&#xff1a;需要参数1id,2将传递的参数用Map封装 public User update(String id, Map<String, Object> updateFieldMap) {if (updateFieldMap ! null …

Vue provide/inject 部分源码分析 实现响应式数据更新

下面是我自己曾经遇到 一个问题&#xff0c;直接以自己QA的形式来写吧 官网给出实例&#xff0c;说本身是不支持数据响应式的&#xff0c; 但是可以传入响应式数据&#xff0c;那么provide,inject就可以实现响应式。 我这里理解应该没错哈&#xff0c;有不对的地方请指出。 我…

kafka学习小结(springboot2+kafka组成集群模式1基础知识)

有幸公司已有搭建好的kafka服务器&#xff0c;这里和大家边学边看 springboot2 kafka基础&#xff1a;摘录的别人介绍 Replication & Leader election&#xff08;涉及到zookeeper核心问题&#xff0c;不是很明白&#xff09; Kafka通过Zookeeper管理集群配置&#xff0c…

function 与 = 的区别

文章转载自&#xff1a;https://www.cnblogs.com/hammerc/p/7390424.html 在JS中&#xff0c;箭头函数并不是简单的function(){}匿名函数的简写语法糖&#xff0c;实际上&#xff0c;箭头函数和匿名函数有个明显的区别&#xff1a;箭头函数内部的this是词法作用域&#xff0c;…