首页
直播
壁纸
友链
Search
1
一个超好用的图床
5,047 阅读
2
网页版朋友圈程序 – LAN (现已发布)
1,973 阅读
3
给大家分享几个实用网站
1,327 阅读
4
域名在QQ内打开提示'非官方页面'的解决方法
973 阅读
5
超简洁的个人主页引导页 全网首发
900 阅读
休闲娱乐
资源分享
编程技术
人工智能
登录
Search
标签搜索
python
苏画
个人导航
资源分享
个人主页
教程
苏画主页
Github
人脸识别
宝塔
爬虫
api
接口
苏画导航
导航
苏画个人导航
苏画个人主页
白嫖
opencv
微博
苏画
累计撰写
51
篇文章
累计收到
576
条评论
首页
栏目
休闲娱乐
资源分享
编程技术
人工智能
页面
直播
壁纸
友链
搜索到
51
篇与
苏画
的结果
2024-02-19
xload扩展安装
一、安装前提: 1.宝塔LINUX系统 2.PHP7.4 二、安装方法: 1、首先要下载XLoad扩展,可以百度搜索下载或在此下载,选择你自己对应的系统和PHP版本{cloud title="Xload扩展" type="lz" url="https://suua.lanzv.com/iuKr91owsgda" password=""/} 2、打开/www/server/php/74/lib/php/extensions/no-debug-non-zts-20190902/将扩展上传于此。 注意:我用的是PHP7.4版本,别的版本注意保存地址要改变3、打开/www/server/php/74/etc/php.ini在最后面添加下面的扩展代码:extension=/www/server/php/74/lib/php/extensions/no-debug-non-zts-20190902/XLoader_Lin_php7.4_x64.so4、重启PHP7.4,就可以了。
2024年02月19日
365 阅读
2 评论
3 点赞
2023-12-05
苏画加密系统 PHP加密系统 – SENC (现已发布)
前台预览一个提供PHP加密的在线网站程序,用户可在线给自己的PHP文件进行加密你可以购买此程序自己搭建一个加密网站供他人或自己使用,也可在下方演示站点自用加密,每MB文件加密费用最低仅需 1元 起,获取程序http://www.qemao.com/view.php?cid=RRlCQhXURExCpjbSQ0bkxrvOedo7sJWy演示站点http://encode.qemao.com
2023年12月05日
255 阅读
1 评论
1 点赞
2022-08-20
网页版朋友圈程序 – LAN (现已发布)
独立网站程序-LAN(朋友圈)前台一键发布图文,视频,音乐发布内容支持定位或自定义位置信息支持将发布内容设为广告模式消息站内通知或邮件通知支持其他用户注册支持其他用户发布文章,管理自己的文章等拥有丰富的后台管理功能,一键操作了解更多详情可联系QQ:2517270540获取程序http://www.qemao.com/view.php?cid=hS5vA1zR5iK7eR9uH9wL0qD4eJ8sY6sU演示站点http://demo.qemao.com
2022年08月20日
1,973 阅读
38 评论
10 点赞
2022-03-29
烟花模拟器单页源码
一款非常好看的放烟花单页可以选择烟花类型,烟花大小,画质,比例缩放等功能
2022年03月29日
328 阅读
35 评论
1 点赞
2022-03-08
超简洁的个人主页引导页 全网首发
一款超简洁的个人引导单页的html源码,上传即可使用,也可用记事本打开修改文字内容,内置修改说明操作简单
2022年03月08日
900 阅读
110 评论
1 点赞
2022-01-20
微软常用运行库v2021.07.15
微软常用运行库合集,是目前为止比较全比较新的运行库集合,相当于程序的字典文件。 某些网上和论坛的部分精简软件没有附带这些公用dll,所以安装这些运行库是系统安装后第一件要做的事情。包含组件Visual Basic Virtual Machine(5.1)Visual Basic Virtual Machine (6.0)Microsoft C Runtime Library(7.0)Microsoft C Runtime Library(7.10)Microsoft Visual C++ 2005 SP1(8.0.61187)Microsoft Visual C++ 2008 SP1(9.0.30729.7523)Microsoft Visual C++ 2010 SP1(10.0.40219.473)Microsoft Visual C++ 2012 up4(11.0.61135)Microsoft Visual C++ 2013(12.0.40664)Microsoft Visual C++ 2015-2019(14.24.28127)Microsoft Universal C Runtime (10.0.10586.9)VS 2010 Tools For Office Runtime(10.0.60833)下载{cloud title="微软常用运行库" type="lz" url="https://suua.lanzouq.com/iuGibymdm7i" password=""/}
2022年01月20日
253 阅读
0 评论
0 点赞
2021-11-01
宝塔面板解锁 Nginx 防火墙及网站监控报表
说明测试环境:CentOS测试时间:2021-11-1宝塔版本:7.7.0仅测试了Nginx防火墙及网站监控报表两款插件,其它收费插件未测试其它系统及版本未进行测试,请自行验证,请勿在生产环境下进行测试!注意:修改代码后需要 重启面板 服务才能使其生效开始Nginx防火墙打开目录 /www/server/panel/class 找到并编辑 panelplugin.py 文件 使用 Ctrl+F 搜索并找到 softList[‘list’] = tmpList 这段代码,在其下方添加如下代码softList['pro'] = 1 for soft in softList['list']: soft['endtime'] = 0示例:修改完成后重启面板,重启完成后就可以直接安装收费的插件了,Nginx防火墙也可以直接安装使用网站监控报表如果需要使用网站监控报表还需另外修改一次代码: 安装好网站监控报表插件后打开 /www/server/panel/plugin/total 目录并编辑 total_main.py 文件 使用 Ctrl+F 搜索并找到 if ‘bt_total’ in session: return public.returnMsg(True,’OK!’); 这段代码 在这段代码前加上#将其注释掉,并在其下方加入以下代码:session['bt_total'] = True return public.returnMsg(True,'OK!');示例:然后再次重启面板,即可使用网站监控报表插件了.
2021年11月01日
195 阅读
2 评论
0 点赞
2021-10-27
JavaScript 图片懒加载
事件监听监听scroll监听scroll这个事件。鼠标滚动就触发我们需要知道两个高度窗口显示区的高度 window.innerHeight图片到视窗上边的距离高度 getBoundingClientRect().top图片未能看见:图片距离视窗顶部的距离 > 窗口显示区的高度图片能看见:图片距离视窗顶部的距离 < 窗口显示区的高度一开始,可以将图片设置为 <img data-src=""> 其中 data- 为自定义属性,浏览器碰到这个属性的时候是不会像默认属性那样进行属性处理的之后,添加滚动监听事件,为img 赋值 src 属性const images = document.querySelectorAll('img') window.addEventListener('scroll', e => { images.forEach(img => { // 获取图片到视窗上边的距离高度 const imgTop = img.getBoundingClientRect().top // 图片到视窗上边的距离高度 < 窗口显示区的高度 ,这时候,才需要加载 if (imgTop < window.innerHeight) { // 获取自定义属性 const data_src = img.getAttribute('data-src') // 将自定义属性赋值给原本的 src 属性 img.setAttribute('src', data_src) } }) }) 缺点:会多次触发属性的赋值IntersectionObserver 观察属性IntersectionObserver 浏览器提供的构造函数,前提是浏览器能够支持交叉观察:目标元素和可视窗口会产生交叉区域,交叉区域发生了什么事情,我们需要执行什么程序// 拿着望远镜的人 callback: 需要触发条件,然后执行 触发两次:1 目标元素看得见 2 目标元素看不见 const observer = new IntersectionObserver(callback) // 具体观察那个节点 observer.observe(Dom) // 取消观察 observer.unobserve(Dom) isIntersecting 是否交叉,即是否进行到可视区域const images = document.querySelectorAll('img') // 回调函数接受一个 数组参数 const callback = entries => { entries.forEach(entry => { // 是否交叉,即是否进行到可视区域 if (entry.isIntersecting) { // 获取图片节点 const imgae = entry.target // 获取自定义属性 const data_src = imgae.getAttribute('data-src') // 修改 src imgae.setAttribute('src', data_src) // 修改完属性之后,取消观察 observer.unobserve(imgae) } }) } // 拿着望远镜的人 callback: 需要触发条件,然后执行 触发两次:1 目标元素看得见 2 目标元素看不见 const observer = new IntersectionObserver(callback) images.forEach(imgae => { // 具体观察那个节点 observer.observe(imgae) }) HTML代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p> <p>哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦</p> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_29_48.jpg" alt="图片"> <img data-src="http://sh.qemao.com/tools/tol/tu/_filew/2020-12-07-22_28_27.jpg" alt="图片"> <script src="js/index.js"></script> </body> </html>
2021年10月27日
101 阅读
0 评论
0 点赞
2021-10-23
敲代码累了来看小姐姐视频
暂无简介
2021年10月23日
312 阅读
0 评论
4 点赞
2021-10-21
2分钟掌握CSS flexbox布局 和 Grid 布局
flex布局速记 交叉轴横向/* 靠右对齐 */ .a{ justify-content: flex-end; } /* 居中对齐 */ .a{ justify-content: center; } /* 平分空间 */ .a{ justify-content: space-evenly; } /* 两端对齐 */ .a{ justify-content: space-between; }flex布局速记 交叉轴竖向/* 靠下对齐 */ .a{ align-items: flex-end; } /* 居中对齐 */ .a{ align-items: center; }flex布局速记 改变主轴方向/*将主轴方向从默认的横向改为竖向排列*/ .a{ flex-direction: column; } /* flex占比调整 */ .a{ flex: 1; } /*注: 改变主轴方向后原来横向代码将变为竖向,相反竖向代码将变为横向*/
2021年10月21日
184 阅读
0 评论
0 点赞
1
2
...
6