一、起因
需求要求展示两行,多余的文字用三个点替代,于是用了这几个不太规范的属性
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
后来发现代码里写的好好的,一到页面上居然没有反应,和没写一个样,f12看了下,原来是-webkit-box-orient: vertical;这个属性丢失,导致了不生效,在Styles里把这个属性加上就好了,于是断定是编译过程导致这个属性丢失。
二、解决办法
网上找了一个可行的解决方案,把autoprefixer关掉,有一种写法:
/*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */
这样确实解决了编译丢失的情况,但会在编译过程中报warning,最后到GitHub上找到最佳解决方案,如下
/* autoprefixer: ignore next */ -webkit-box-orient: vertical;
问题完美解决,也不报warning了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
一、虽然有的属性是boolean类型,但仍旧建议按照XHTML书写(属性名=属性值)格式...
作者:Joe Seifi 译者:前端小智 移动: https://mp.weixin.qq.com/s/p5... 有梦...
简介: 6月4日,以“开启分布式云新时代”为主题2021云边协同大会在北京举行,本...
在默认情况之下,如果在Canvas之中将某个物体(源)绘制在另一个物体(目标)之...
背景 在公司参与一个原生APP和h5混合开发的项目,本人在项目中负责h5部分,现将...
本文没有咬文嚼字的地方,只是一个配色技巧的分享,十分简单,简单到流泪,但或...
1、纯工具操作步骤,懂代码更容易 划线就是不符合国人的审美观念,看着就别扭,...
折叠式卡片布局在PC版网站中可能不常见,但是在手机版,小屏幕的网页浏览会大发...
1.先瞧瞧效果: 2.代码是这样的: img src=images/circle.png alt= id=circle/@m...
前言 Canvas绘制多变形非常简单,只要懂得Canvas路径 + 简单的初中数学知识即可...