Beamon__的博客

就在刚刚需要在react项目写一个限制文本长度两行，溢出显示省略号的场景，但是没有生效，经过查阅，得到以下解决方法，供参考～ 初次写法：.item-title{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; ...

项目场景需求要在局部实现滚动，但是滚动出现了滚动条，一瞬间感觉整个页面都不好了，经过努力css成功实现滚动同时隐藏滚动条，废话不多说，直接上代码核心代码：::-webkit-scrollbar{ display:none;}使用方法：设置滚动后在容器上添加该css样式；ul::-webkit-scrollbar{ display:none;} 案例：...

html结构如下：<div id="box"> <span id="main"> ... </span></div>方法1：通过定位，设置子元素top:0，bottom:0，margin:auto自动垂直居中；核心代码设置如下：#box{ position: relative;}#ma...

方法1:浮动元素后添加新元素，设置width:0;height:0;overflow:hidden;clerar:both;方法2:盒子设置overflow:auto;zoom:1;ps：zoom属性是IE浏览器特有的一个属性，它的原本功能是设置或检测对象的缩放比例，此处可用来兼容IE低版本清除浮动原理为触发IE的haslayout 来清除浮动方法3:通过::after为盒...

element-ui是vue项目中常用的pc端ui组件库，但是其样式上可能与我们的项目需求有较大差异，通常使用自己的样式覆盖ui组件库样式以达到目的方法1: 创建自定义样式文件 在main.js或app.vue中引入 ps：只适合做整体样式的设置，无法细分到组件的具体使用场景，如果细分至组件使用场景，代码过于集中，不利于维护方法2: 在代码内...