css
文章平均质量分 55
奔跑的痕迹
I like to learn new technologies every day and I am willing to constantly improve myself.
展开
-
css预编译sass和stylus简单使用 (带node-sass安装失败解决方案 )
目前css 流行的三大预编译有stylus、less 、 sass 说白了这些东西就是为了提高编码效率,规划css 代码的,详细大家less 就不用多说了用得都比较多了,只是看看使用stylus, sass定义二外的文件是以 .styl 为后缀 ,他可以文件中定义方法同时使用变量, 属性与值间可以 使用空格分隔,结尾不需要分隔符如: // 背景图片 bg-image($url) b...原创 2020-02-27 18:14:04 · 1694 阅读 · 0 评论 -
flex弹性布局模式下文字超出显示省略号
flex弹性布局,会随分辨率不同,宽度不同呢,那这么来设置在一定范围内的文字超出隐藏,显示省略号呢?原创 2020-02-09 19:41:27 · 3593 阅读 · 0 评论 -
最通俗易懂的flex讲解
30分钟彻底弄懂flex布局 欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~本文由elson发表于云+社区专栏目前在不考虑IE以及低端安卓机(4.3-)的兼容下,已经可以放心使用flex进行布局了。什么是flex布局以及它的好处,这里就不再赘述。在这篇文章里,想说说flex布局的属性语法及其细节。那么网上也有不少flex布局的教程,为...转载 2019-06-25 09:14:07 · 426 阅读 · 0 评论 -
css设置边框四角样式
开发中使用css 伪类 是再常见不过的事情了,运用好了能轻松实现许多复杂的样式,大大减少使用图片消耗带宽的问题,今天我们就使用伪类来实现登录框的四角样式html代码如下 <div class="form backLoginForm"> <el-form :model="formData" ref="form"> <!-- 添加自己的fo...原创 2019-08-06 16:46:11 · 4603 阅读 · 2 评论 -
CSS文本过长时设置省略号
写页面时很多时候会遇到一个容器中文本内容超出,使用overflow : hidden;,但是跟用户体验不太友好,设置overflow : scroll; 会出现滚动看着也不爽,所以我就想使用css 设置超出省略号显示单行文本语法: text-overflow : clip | ellipsis 参数: clip : 不显示省略标记(...),而是简单的裁切 (cl...原创 2019-08-08 21:56:12 · 3882 阅读 · 0 评论 -
在vue 项目中嵌入jsp页面
今日一个项目中一块功能模块是其他系统使用jsp已经开发好的页面,想着直接将其嵌入到当前的vue项目中节约开发成本;但是发现并非想象的那么简单创建一个server.vue组件加载jsp页面1 使用 v-html进行jsp 渲染<template> <div class="docker-server"> <div v-html="pageCont...原创 2019-08-19 21:51:22 · 18018 阅读 · 1 评论 -
weex 开发APP 多行文本溢出处理
weex中文字溢出不能使用常规的overflow:hidden如: .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }这个也试了不生效 .text { display: -webkit-box; text-overflow: ellips...原创 2019-08-28 17:37:43 · 1755 阅读 · 0 评论