![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Tiger_wa
我们的目标是星辰大海
展开
-
解决input的placeholder不垂直居中问题
解决input的placeholder不垂直居中将input的line-height改为normalline-height:normal原创 2020-09-09 16:04:35 · 4421 阅读 · 0 评论 -
Vue高度设置100%无效
Vue高度设置100%无效场景: 当单页面需要整个页面填充颜色等操作,需要页面高度为屏幕高度,设置height:100%无效解决方法:在App.vue中设置height: 100%//App.vuehtml,body,#app { height:100%;}...原创 2020-04-15 10:41:19 · 2454 阅读 · 0 评论 -
Vue九宫格跑马灯抽奖
九宫格跑马灯效果抽奖九宫格样式,实现随机选择九宫格内奖品,且跑马灯实现效果时由快到满,如有需求获取固定位置奖品时,根据需求调整goLottery()中的代码即可<template> <div class="cj_box"> <div class="line_item" :class="index == 1 ? 'active' : 'white_ite...转载 2019-11-25 13:29:51 · 1394 阅读 · 0 评论 -
解决img在div容器中存在空隙问题
在做项目时,在div中添加img标签,实际效果在底部会莫名多吃2xp左右的空隙,上网搜索了一下,解决办法非常简单将img设置为块级元素img { display: block;}2.将父级容器字体大小设为03.将图片设置为浮动...原创 2019-11-01 14:20:59 · 600 阅读 · 0 评论 -
[CSS]百分比减px
在编写css时,经常使用百分比响应适配,但是时常需要减去一部分达到目的,尤其是position:absolute时。所以需要在百分比的基础上减去px。css3已有支持的方法:height: calc(100%-44px)在继承父容器高度的同时减去44px的高度...原创 2019-10-23 10:56:23 · 3549 阅读 · 0 评论 -
[Vue]中给单个页面设置背景色
当页面高度并没有撑满整个屏幕时,设置html、body都不能达到撑满整个屏幕高度。通过document设置可以完美解决此问题。此外,style需加上scoped限制,否则会影响其他页面背景色。document.body.style.backgroundColor="#ffffff";...原创 2019-09-29 14:04:00 · 2594 阅读 · 2 评论 -
[CSS]margin:auto使用原理及水平垂直居中方案
margin:auto使用原理及水平垂直居中方案margin:auto原理margin:auto 是自动分匹配剩余空间的,当一个元素在没有被强制定宽高时,是撑满一个方向的,当强制定宽高时,此方向上就有剩余的空间,当margin:auto时,此方向上将自动分配空间,实现居中效果。水平垂直居中方案// 水平垂直居中方案position:absolute top:0pxbottom:0p...原创 2019-07-23 15:46:32 · 1073 阅读 · 0 评论 -
[Jquery]实现三个盒子两两交换的考眼力游戏
眼力夺宝小游戏实现三个盒子随机两两交换猜盒子的游戏实现效果如下实现方法及完整代码如下&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;眼力夺宝&lt;/title&gt; &lt;script type="text/javas原创 2018-12-19 14:56:03 · 687 阅读 · 0 评论 -
[CSS/JS]圆形不封闭进度条实现
圆形不封闭进度条实现如上图所示,如何实现这种圆形且不封闭的进度条我的思路是:首先建立一个div装这个进度条,并将其旋转-120度将其分为两个相等的div两边各画一个圆,将圆加上border变成圆环,将一半的圆环颜色置为透明,在外部容器修改成溢出隐藏overflow: hidden;通过旋转达到意图效果,实现进度条底色的显示再在两边绘制两个圆环,通过让一半圆环透明变成两个半圆环,...原创 2018-12-06 11:27:40 · 1667 阅读 · 1 评论 -
[微信小程序]文字溢出部分用三个点显示
我们有时会遇到一些情况需要去隐藏部分文字以达到省略的效果,比如一个消息的Toast,只起到提醒的作用,详细文章需要点击进出查看,这时候Toast只需要显示一部分正文即可。示例:正文:“在此之前,这条规定禁止开发者设计与Facebook已经提供的核心功能相似的服务。”隐藏之后:“此之前,这条规定禁止…”示例代码://wxml&lt;text&gt;在此之前,这条规定禁止开发者设计与Fa...原创 2018-12-05 15:07:55 · 7443 阅读 · 6 评论