![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
TwoBE9876
前端新手,有错误请帮忙指出,谢谢(大部分内容应该都是百度所得,有的没写允许转载,我只是写在这方便找,大部分也都是写的转载,应该不侵犯啥吧,反正也没人看我的hh)
展开
-
h5网页调起扫一扫最简单的方法
h5网页调起扫一扫最简单的方法转载 2023-03-02 14:44:00 · 3363 阅读 · 1 评论 -
css实现圆角梯形
【代码】css实现圆角梯形。转载 2023-02-24 11:11:18 · 1285 阅读 · 0 评论 -
vue+input file上传图片并以圆形展示代码分享(升级版增加遮罩)
html<div class="upload"> <img id="img" width="100%" height="90%" :src="oneUrl" alt="头像"> <input type="file" name="file" id="file" @change="getImgURL"></div>css.upload{ width: 80px; height: 80px; ..原创 2022-04-01 14:25:56 · 1629 阅读 · 0 评论 -
el-table和el-scrollbar滚动条操作方法(记得添加ref),样式问题记录
this.$refs.elScrollBar.wrap.scrollTop = 0 // 想滚到哪个高度,就写多少// 每次加载数据后将x轴滚动条归零 this.$refs.elTable.bodyWrapper.scrollLeft = 0// 每次加载数据后将y轴滚动条归零 this.$refs.elTable.bodyWrapper.scrollTop = 0...原创 2022-03-24 17:20:08 · 2823 阅读 · 0 评论 -
css文字超出宽度自动换行
CSS文字超出宽度自动换行【转】word-wrap:break-word; word-break:break-all; overflow: hidden;/*这个参数根据需求来决定要不要*/目录word-break:break-all单词截断自动换行 word-wrap:break-word单词不截断自动换行 CSS强制性换行 text-overflow省略号...样式语法结构word-break:break-all单词截断自动换行word-break:break-a转载 2021-12-24 15:53:22 · 23580 阅读 · 0 评论 -
前端通过url链接下载文件
前端通过url链接下载文件网上找到几个相关的方法,如下// 方法一:const form = document.createElement('form');form.setAttribute('action', 'http://text.com/file.txt');form.setAttribute('method', 'get');form.setAttribute('target', '_blank');form.setAttribute('style', 'display:none转载 2021-12-24 15:52:12 · 6668 阅读 · 0 评论 -
react中img引入本地图片的2种方式
一、通过import引入(推荐)以前我们用img引入图片只需要如下即可但在react中不允许使用这种方式,会报错import logo from '../assets/images/home/logo.png'<img className={"logoStyle"} src={logo} alt=""/>二、require方法引入<img className={"logoStyle"} src={require('../assets/imag..转载 2021-11-23 09:05:30 · 5433 阅读 · 1 评论 -
Rem布局的原理解析
面试中发现很多人对rem布局的原理不是很清楚,只停留在会使用的阶段,或者理解完全是错误的,本文将给大家讲清楚rem布局的原理,使用方案等知识什么是Remrem和em很容易混淆,其实两个都是css的单位,并且也都是相对单位,现有的em,css3才引入的rem,在介绍rem之前,我们先来了解下emem作为font-size的单位时,其代表父元素的字体大小,em作为其他属性单位时,代表自身字体大小——MDN我在面试时经常问会一道和em有关的题,来看一下面试者对css细节的了解程度,如下,问s1转载 2021-11-15 15:56:20 · 549 阅读 · 0 评论 -
Echarts柱状图配置
1、基本柱状图// 指定图表的配置项和数据var option = { // ---- 标题 ----- title: { text: '主标题', textStyle: { color: 'red' }, subtext: '副标题', subtextStyle: { color: 'blue' }, padding: [0, 0, 10, 100] // 位置 }, // ---- legen转载 2021-11-11 12:39:07 · 7651 阅读 · 1 评论 -
DIV右上角标签的CSS3实现技巧
我们在写页面中,经常要用到给一个div或其他dom元素的右上角添加一个标签来表示此条目的状态或者特性,今天我们就探讨一下这个标签的实现方式我们一般要实现这种标签的时候通过用css3的rotate来实现,并且大部分人实现时是通过一像素,一像素的调节标签的偏移位置来达到我们满意的效果。这个调像素的过程是让我们抓狂的,因为他没有实用性,我们好不容易写好了一个角签,然而他只能在这个样式或者这个角签内容时是正常的。其中用到了translate百分比的特性,他跟margin和padding不同,他的百分比是转载 2021-11-10 10:53:55 · 1239 阅读 · 0 评论 -
CSS中的几种图片覆盖文本的方法
CSS CookBook中有几种图片覆盖文本的方法,整理出来备用:1 Gilder/Levin image replacement technique:<h1> <span></span> Replacement Text Is Here.</h1>h1 { width:200px; height:100px; position:relative;}h1 span { background: url(replace转载 2021-10-21 17:01:23 · 2543 阅读 · 0 评论