html+css
yanhyan
wen前端
展开
-
div绝对居中的六种方法
在平时,我们经常会碰到让一个div框针对某个模块上下左右都居中(水平垂直居中),其实针对这种情况,我们有多种方法实现。方法一:绝对定位方法:不确定当前div的宽度和高度,采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位(position: relative;)div{ background:red; position: abs...原创 2020-01-20 11:07:48 · 1320 阅读 · 0 评论 -
CSS中使用特殊字体
@font-face { font-family: fzhcjt; src: url("../../../src/assets/font/fzhcjt.ttf"); font-weight: normal; font-style: normal;}span{ font-family: 'fzhcjt';}到Google Web Fonts和Dafont.com下载.t...原创 2020-01-20 10:57:22 · 674 阅读 · 0 评论 -
vue sass安装
1、开始在vue项目中使用sass,在命令行输入一下命令进行安装(使用git命令行要用shift+insert 进行粘贴否则粘贴不上)cnpm install node-sass --save-dev //安装node-sass cnpm install sass-loader --save-dev //安装sass-loader cnpm install style-loader --sa...原创 2020-01-20 10:19:06 · 246 阅读 · 0 评论 -
前端知识图谱
前端知识图谱 JavaScript高级 事件与运动框架封装 javaScript原理与库封装 jQuery jQuery案例 正则表达式与JSON 正则表达式案例 模块化 CommonJS AMD RequireJs CMD ES6 Modules HTML5&CSS3 HTML CSS3 Bootstrap ...原创 2020-01-17 17:44:37 · 507 阅读 · 0 评论 -
文字超出显示省略号CSS
单号:white-space:nowrap;overflow:hidden;text-overflow:ellipsis;多行:word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:...原创 2020-01-08 14:37:55 · 61 阅读 · 0 评论