css强制换行和超出部分隐藏实现
30 04 2021
一、强制换行1 word-break: break-all; 只对英文起作用,以字母作为换行依据。2 word-wrap: break-word; 只对英文起作用,以单词作为换行依据。3 white-space: pre-wrap; 只对中文起作用,强制换行。word-break:break-all 和 word-wrap:break-word都是能使其容器如DIV的内容自动换行,它们的区别在于:1、word-break:break-all假设div宽度为450px,它的内容...
使用animate动画库添加鼠标经过动画
30 04 2021
animate是一个css3动画库,使用它简单几步就能很轻松的为网站增加各种动画效果;今天蓝叶讲的是如何使用animate动画库添加鼠标经过动画,首先需要站长下载animate动画库文件,通过FTP上传到网站主机里,然后在页面模版上引用,演示可以用鼠标悬停在本站的LOGO上面看效果。在模版文件头部添加animate.min.css的调用。或者也可以直接使用七牛静态库的地址。然后在css文件里写上鼠标经过的样式,举个例子,比如.logo是你的logo层样式名,代码如下,swin...
HbuilderX设置eslint自动格式化
30 04 2021
HbuilderX安装eslint插件,保存时会自动触发eslint验证,怎么进行自动格式化呢一.安装这两个eslint-js和eslint-plugin-vue插件二.配置eslint-plugin-vue,在菜单栏选择工具->插件配置->eslint-plugin-vue分别配置package.json和.eslintrc.js配置package.json文件,在验证文件时加入修复命令"--fix",最新版hbuilderx不需要配置,直接在设置中启用配置.eslintr...