vue-awesome-swiper轮播插件 1. github上搜索vue-awesome-swiper 2. readme中有安装方法，建议在插件名后@版本号，使用稳定的老版本 npm install vue-awesome-swiper @x.x.x --save 3. 在项目main.js中引入 import Vue from 'vue' import VueAwesomeSwiper from 'vue-a...

2019-10-08 08:51:00

HTML学习之轮播图 这可以说是一种非常简单的实现轮播图的方法了，由于时间仓促所以没写自动轮播部分。简单说一下原理吧，就是把所有图片堆叠在一个盒子里，设置所有图片的透明度为0，这样就把所有图片都隐藏了，第一张图片除外（第一张透明度设为1），当要切换到某张图...

2019-10-08 08:50:48

在未知 图片 的宽度和高度的时候要让图片在一个固定了宽度和高度的容器中垂直居中，这是一个很麻烦的问题，不少朋友们也被这个问题所难倒过，那么这个时候 css 如何实现图片垂直居中呢？ 下图是理想中的效果图，外部容器的宽度和高度是固定的，中间的图片宽度和高度未...

2019-10-08 08:50:45

HTML识别后台传输或者js变量中字符串里的 \n 并成功换行显示 HTML识别 string 里的 '\n' 并成功换行显示 设置标签的的css属性 white-space: pre-line; div style=white-space: pre-line; string --!这里的数据可以是后台也可以是变量字符串而不是直接a\nb--/div...

2019-10-08 08:50:39

每个网页中都使用了大量的文本元素，在这些样式众多是文本元素中进行编辑是 css 发挥作用的重要时候，那么你知道css文件属性的使用方法有哪些吗？下面我们就去看看CSS使用文本属性的方法吧。 文本颜色(color) ??? 它可以给文本设置一个颜色，可选值有三种表达方式： ?...

2019-10-08 08:50:39

css 文本单行显示溢出时出现省略号 多行显示溢出时出现省略号 首行缩进 一、文本单行显示溢出时出现省略号 二、文本多行显示溢出时出现省略号 (这种样式只能在webkit和移动端使用，包括小程序，不能设置固定高度) 三、首行缩进两字符...

2019-10-08 08:50:08

css 与 浏览器 不兼容的问题相信大家都是非常了解的，那么css该如何解决浏览器兼容问题呢？下面我们就一起跟爱站小编去了解了解css解决浏览器兼容问题的方法吧。 这里大家要知道CSS不兼容的原因是因为各浏览器给CSS默认属性值不一样造成的。 第一招：给常用CSS规定属性...

2019-10-08 08:50:28

在做项目的时候你是不是有遇到过因为弹框中的内容太多，但是弹框大小有固定了的问题呢？那么想要将全部文字显示出来我们就可以利用滚动条解决，那么我们现在就去看看div滚动条的实现方法。 直接为div指定overflow属性必须指定div的高度： ? 复制代码 代码如下: div sty...

2019-10-08 08:50:29

css实现两个div并排等高（一个div高度随另一个高度变化而变化） 方法一、两个div都设置display: table-cell; 方法二、父级div设置 display: -webkit-box;...

2019-10-08 08:49:38

vue学习指南：第十篇(详细) - Vue的 动画 Vue 提供了一些不同的过度效果，主要根 v-if v-show 动态组件 1. Vue给动画分了6个过程，在css中，扮演6个类， 1. .v-enter定义动画的开始状态 2. .v-enter-active 定义动画生效时的状态 3. .v-enter-to 定义动画的结束状态 4....

2019-10-08 08:49:07