css
文章平均质量分 75
qq_37200686
这个作者很懒,什么都没留下…
展开
-
canvas在移动端长按保存图片
一、背景同一个网页,canvas在PC端可以右键下载,但是在移动端长按时却没反应。现在要求在移动端支持长按图片下载二、实现方式画布(canvas)对象有一个非常有用的方法toDataURL(),这个方法能把画布里的图案转变成base64编码格式的png,然后返回Data URL数据。利用这个我们可以将转成一个image/png格式的图片// 获取所有的canvas图片文件let canvasDom = document.getElementsByTagName('canvas')for原创 2020-09-24 12:00:24 · 2924 阅读 · 1 评论 -
css实现Ant Design中菊花图loading效果
一、布局<body> <div> <span> <i></i><i></i><i></i><i></i> </span> </div></body>...原创 2020-03-26 16:11:29 · 1062 阅读 · 0 评论 -
css设置小于12px的字体
背景谷歌浏览器默认最小字号为12px,所以即使设置字号为12px以下也不会生效,现在我们要解决的是如何设置小于12px的字体实现方法使用缩放 transform:scale()方法即可以实现字号的缩放<body> <p class="font">你好</p></body><style> .font {...原创 2020-03-25 16:01:21 · 5404 阅读 · 2 评论 -
CSS 盒模型
一、基本概念每一个HTML元素都可以看成一个矩形的盒子,每一个盒子都有外边距、边框、内边距、内容外边距:盒子与盒子之间的距离 边框:相当于盒子纸板的厚度 内边距:相当于盒子中装的东西与盒子之间的间隙 内容:盒子里装的东西页面的布局就是一个个盒子按一定的方式摆放的,一般有两种摆放方式:正常流:元素会按照其在HTML文档中的位置从左到右,从上到下的方式排布 脱离文档流:设置了...原创 2020-03-25 01:21:14 · 87 阅读 · 0 评论 -
BFC
一、什么是BFCBFC即是块级格式上下文,绝定元素的内容如何渲染以及与其它元素的关系和交互,简单理解就是BFC是一个容器,BFC中的元素相当于容器中的物品,将物品放置在箱子中可以起到隔离作用,不会受其它箱子中的物品的影响,反之亦然BFC有以下5个规则:BFC有隔离作用,内部元素不会受外部元素的影响,反之亦然 一个元素只能存在一个BFC中,如果同时存在两个BFC中就会违反隔离规则 B...原创 2020-03-24 16:59:10 · 92 阅读 · 0 评论 -
如何设置一个div2在另一个div1的底部显示(并不是固定在底部显示)
div1{position: relative;}div2{position: absolute;bottom: 0;}转载 2018-03-14 16:07:52 · 4691 阅读 · 0 评论 -
【CSS】div中内容超过了div的宽度,但是不自动换行的解决办法
问题如上图解决办法: word-wrap: break-word;word-break: break-all;原创 2018-05-22 14:25:36 · 8068 阅读 · 1 评论 -
设置元素隐藏的四种方式
问题描述:设置hid元素隐藏<p>hahahahhhhhhahahahahah</p><p class="hid">agbasgedghfbhrgvvfng</p><p>bsecghwdefsvdfd</p>没有设置隐藏时显示方法一:visibility:hidden.hid{ vis原创 2018-10-29 21:34:16 · 747 阅读 · 0 评论 -
position
html<div class="parent"> <div class="child child1"></div> <div class="child child2"></div> <div class="child child3">原创 2018-10-30 20:03:19 · 140 阅读 · 0 评论