找到
31
篇与
技术教程
相关的结果
-
两行代码就能适应任何屏幕？ AI摘要：只需两行CSS代码，利用`auto-fill`和`auto-fit`，即可实现卡片、图片等内容的自动适应各种屏幕宽度，无需复杂的媒体查询。3bb4ff 198图片 🧩 基础概念 假设你有这样一个需求： 一排展示很多卡片 每个卡片最小宽度 200px，剩余空间平均分配 屏幕变窄时自动换行 只需在父元素加两行 CSS 就能实现 /* 父元素 */ .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } /* 子元素 */ .item { height: 200px; background-color: rgb(141, 141, 255); border-radius: 10px; }下面详细解释这行代码的意思： grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));这是 CSS Grid 布局里定义列宽的常用写法，逐个拆解如下： 1. grid-template-columns 作用：定义「网格容器」里有多少列，以及每列的宽度。 2. repeat(auto-fit, ...) repeat是个「重复函数」，表示后面的模式会被重复多次。 auto-fit是一个特殊值，意思是：「自动根据容器宽度，能放下几个就放几个」，每列都用后面的规则。 容器宽度足够时，能多放就多放，放不下就自动换行。 3. minmax(200px, 1fr) minmax也是一个函数，意思是：「每列最小 200px，最大可以占 1fr（剩余空间的平分）」 具体来说： 当屏幕宽度很窄时，每列「最小宽度是 200px」，再窄就会换行。 当屏幕宽度变宽，卡片会自动拉伸，每列「最大可以占据剩余空间的等分」（1fr），让内容填满整行。 4. 综合起来 这行代码的意思就是： 网格会自动生成多列，每列最小 200px，最大可以平分一行的剩余空间。 屏幕宽了就多显示几列，屏幕窄了就少显示几列，自动换行，自适应各种屏幕！ 「不需要媒体查询」，布局就能灵活响应。 总结来说: grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 让你的网格卡片「最小 200px，最大自动填满一行」，自动适应任何屏幕，布局永远美观！这里还能填 'auto-fill'，和 'auto-fit' 有啥区别？ ff0000 1. auto-fill 🧱 「尽可能多地填充列，即使没有内容也会 “占位”」 会自动创建尽可能多的列轨道（包括空轨道），让网格尽量填满容器。 适合需要 “列对齐” 或“固定网格数”的场景。 2. auto-fit 🧱 「自动适应内容，能合并多余空列，不占位」 会自动 “折叠” 没有内容的轨道，让现有的内容尽量拉伸占满空间。 适合希望内容自适应填满整行的场景。 👀 直观对比 假设容器宽度能容纳 10 个 200px 的卡片，但你只放了 5 个卡片： 'auto-fill' 会保留 10 列宽度，5 个卡片在前五列，后面五列是 “空轨道”。 'auto-fit' 会折叠掉后面五列，让这 5 个卡片拉伸填满整行。 199图片 👇 Demo 代码： <h2>auto-fill</h2> <div class="grid-fill"> <div>item1</div> <div>item2</div> <div>item3</div> <div>item4</div> <div>item5</div> </div> <h2>auto-fit</h2> <div class="grid-fit"> <div>item1</div> <div>item2</div> <div>item3</div> <div>item4</div> <div>item5</div> </div>.grid-fill { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; margin-bottom: 40px; } .grid-fit { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; } .grid-fill div { background: #08f700; } .grid-fit div { background: #f7b500; } .grid-fill div, .grid-fit div { padding: 24px; font-size: 18px; border-radius: 8px; text-align: center; }兼容性 caniuse.com/?search=aut…[1] 200图片 🎯 什么时候用 auto-fill，什么时候用 'auto-fit？'' 「希望每行 “有多少内容就撑多宽”，用 'auto-fit'」 适合卡片式布局、相册、响应式按钮等。 「希望 “固定列数 / 有占位”，用 'auto-fill'」 比如表格、日历，或者你希望网格始终对齐，即使内容不满。 📝 总结 属性空轨道内容拉伸适用场景auto-fill保留否固定列数、占位网格auto-fit折叠否流式布局、拉伸填充🌟 小结 'auto-fill' 更像 “占位”，'auto-fit' 更像 “自适应” 推荐大部分响应式卡片用 'auto-fit' 善用 'minmax' 配合，让列宽自适应得更自然 只需两行代码，你的页面就能优雅适配各种屏幕！
-
AutoCAD 2023 中文激活版-下载-安装教程 AI摘要：本文提供AutoCAD 2023中文激活版下载及安装教程，包括下载、解压、安装、破解等步骤，方便用户快速上手使用。安装步骤 第一步 下载我们的程序压缩包 这里下载链接放在文章的最后了，看完安装教程最后下载安装即可😊！ 第二步 下载解压并打开下载的安装包，打开【Setup】文件夹（下载软件安装包之前务必将杀毒软件以及防火墙关闭，避免将破解补丁或注册机删除） 180图片 双击Setup.exe，进行安装[或者 右键以管理员身份运行安装程序] 第三步 勾选【我同意…】点击下一步 181图片 第四步 根据需要修改软件的安装路径，默认是装在C盘，这里以D盘为例进行演示，然后点击安装 182图片 第五步 等待安装，安装结束，直接右上角❌关闭了就行 183图片 第六步 回到安装包文件夹，打开【Crack】文件夹，复制破解文件 184图片 第七步 将复制的破解文件粘贴到软件的安装目录下（在桌面AutoCAD 2023图标上右键，选择打开文件所在的位置），点击替换目标中的文件 185图片 将复制的破解文件粘贴到软件的安装目录下，点击替换目标中的文件 将复制的破解文件粘贴到软件的安装目录下，点击替换目标中的文件 第八步 至此，安装破解完成，可以开始使用 186图片 打开软件直接只用就可以 下载地址 AutoCAD 2023-尋鯨錄.zip 下载地址：http://pan.xunjinlu.fun/CAD/AutoCAD2023 提取码： 解压工具不一定需要下载,只针对电脑没有解压软件的盆友 解压工具-7zip 下载地址：http://pan.xunjinlu.fun/%E5%B7%A5%E5%85%B7/win/7zip-%E8%A7%A3%E5%8E%8B%E5%B7%A5%E5%85%B7.exe 提取码：
-
三菱PLC常见代码指令-WHR AI摘要：本文介绍了三菱PLC的常见代码指令，包括取指令、输出指令、触点串联指令、触点并联指令、块操作指令、置位与复位指令、微分指令、主控指令、堆栈指令、逻辑反指令、空操作指令、结束指令以及步进指令等，并详细说明了每种指令的使用方法和注意事项。188图片 189图片 190图片 191图片 01、取指令与输出指令（LD/LDI/LDP/LDF/OUT） 1）LD（取指令） 一个常开触点与左母线连接的指令，每一个以常开触点开始的逻辑行都用此指令; 2）LDI（取反指令） 一个常闭触点与左母线连接指令，每一个以常闭触点开始的逻辑行都用此指令; 3）LDP（取上升沿指令） 与左母线连接的常开触点的上升沿检测指令，仅在指定位元件的上升沿（由OFF→ON）时接通一个扫描周期; 4）LDF（取下降沿指令） 与左母线连接的常闭触点的下降沿检测指令; 5）OUT（输出指令） 对线圈进行驱动的指令，也称为输出指令。 指令取与输出指令的使用说明： 1）LD、LDI指令既可用于输入左母线相连的触点，也可与ANB、ORB指令配合实现块逻辑运算； 2）LDP、LDF指令仅在对应元件有效时维持一个扫描周期的接通; 3）LD、LDI、LDP、LDF指令的目标元件为X 、Y 、M 、T、C、S； 4）OUT指令可以连续使用若干次（相当于线圈并联），对于定时器和计数器，在OUT指令之后应设置常数K或数据寄存器; 5）OUT指令目标元件为Y、M、T、C和S，但不能用于X; 02、触点串联指令（AND/ANI/ANDP/ANDF） 1）AND（与指令） 一个常开触点串联连接指令，完成逻辑“与”运算; 2）ANI（与反指令） 一个常闭触点串联连接指令，完成逻辑“与非”运算; 3）ANDP 上升沿检测串联连接指令; 4）ANDF 下降沿检测串联连接指令; 触点串联指令的使用说明： 1）AND、ANI、ANDP、ANDF都指是单个触点串联连接的指令，串联次数没有限制，可反复使用。 2）AND、ANI、ANDP、ANDF的目标元元件为X、Y、M、T、C和S。 3）OUT M101指令之后通过T1的触点去驱动Y4称为连续输出。 03、触点并联指令（OR/ORI/ORP/ORF） 1）OR（或指令） 用于单个常开触点的并联，实现逻辑“或”运算; 2）ORI（或非指令） 用于单个常闭触点的并联，实现逻辑“或非”运算; 3）ORP 上升沿检测并联连接指令; 4）ORF 下降沿检测并联连接指令; 触点并联指令的使用说明： 1）OR、ORI、ORP、ORF指令都是指单个触点的并联，并联触点的左端接到LD、LDI、LDP或LPF处，右端与前一条指令对应触点的右端相连,触点并联指令连续使用的次数不限； 2）OR、ORI、ORP、ORF指令的目标元件为X、Y、M、T、C、S; 04、块操作指令（ORB / ANB） ORB（块或指令） 1）用于两个或两个以上的触点串联连接的电路之间的并联; ORB指令的使用说明： 1）几个串联电路块并联连接时，每个串联电路块开始时应该用LD或LDI指令； 2）有多个电路块并联回路，如对每个电路块使用ORB指令，则并联的电路块数量没有限制； 3）ORB指令也可以连续使用，但这种程序写法不推荐使用，LD或LDI指令的使用次数不得超过8次，也就是ORB只能连续使用8次以下; ANB（块与指令） 1)用于两个或两个以上触点并联连接的电路之间的串联; ANB指令的使用说明： 1）并联电路块串联连接时，并联电路块的开始均用LD或LDI指令； 2）多个并联回路块连接按顺序和前面的回路串联时，ANB指令的使用次数没有限制。也可连续使用ANB，但与ORB一样，使用次数在8次以下; 05、置位与复位指令（SET/RST） 1）SET（置位指令） 它的作用是使被操作的目标元件置位并保持; 2）RST（复位指令） 使被操作的目标元件复位并保持清零状态。SET、RST指令的使用，当X0常开接通时，Y0变为ON状态并一直保持该状态，即使X0断开Y0的ON状态仍维持不变；只有当X1的常开闭合时，Y0才变为OFF状态并保持，即使X1常开断开，Y0也仍为OFF状态; SET 、RST指令的使用说明： 1）SET指令的目标元件为Y、M、S，RST指令的目标元件为Y、M、S、T、C、D、V 、Z。RST指令常被用来对D、Z、V的内容清零，还用来复位积算定时器和计数器; 2）对于同一目标元件，SET、RST可多次使用，顺序也可随意，但最后执行者有效; 06、微分指令（PLS/PLF） 1）PLS（上升沿微分指令） 在输入信号上升沿产生一个扫描周期的脉冲输出; 2）PLF（下降沿微分指令） 在输入信号下降沿产生一个扫描周期的脉冲输出, 利用微分指令检测到信号的边沿，通过置位和复位命令控制Y0的状态; PLS、PLF指令的使用说明： 1）PLS、PLF指令的目标元件为Y和M； 2）使用PLS时，仅在驱动输入为ON后的一个扫描周期内目标元件ON，M0仅在X0的常开触点由断到通时的一个扫描周期内为ON；使用PLF指令时只是利用输入信号的下降沿驱动，其它与PLS相同; 07、主控指令（MC/MCR） 1）MC（主控指令） 用于公共串联触点的连接。执行MC后，左母线移到MC触点的后面; 2）MCR（主控复位指令） 它是MC指令的复位指令，即利用MCR指令恢复原左母线的位置; 在编程时常会出现这样的情况，多个线圈同时受一个或一组触点控制，如果在每个线圈的控制电路中都串入同样的触点，将占用很多存储单元，使用主控指令就可以解决这一问题。 MC、MCR指令，利用MC N0 M100实现左母线右移，使Y0、Y1都在X0的控制之下，其中N0表示嵌套等级，在无嵌套结构中N0的使用次数无限制；利用MCR N0恢复到原左母线状态。如果X0断开则会跳过MC、MCR之间的指令向下执行。 MC、MCR指令的使用说明： 1）MC、MCR指令的目标元件为Y和M，但不能用特殊辅助继电器。MC占3个程序步，MCR占2个程序步； 2）主控触点在梯形图中与一般触点垂直。主控触点是与左母线相连的常开触点，是控制一组电路的总开关。与主控触点相连的触点必须用LD或LDI指令; 3）MC指令的输入触点断开时，在MC和MCR之内的积算定时器、计数器、用复位/置位指令驱动的元件保持其之前的状态不变。非积算定时器和计数器，用OUT指令驱动的元件将复位，22中当X0断开，Y0和Y1即变为OFF; 4）在一个MC指令区内若再使用MC指令称为嵌套。嵌套级数最多为8级，编号按N0→N1→N2→N3→N4→N5→N6→N7顺序增大，每级的返回用对应的MCR指令，从编号大的嵌套级开始复位; 08、堆栈指令（MPS/MRD/MPP） 堆栈指令是FX系列中新增的基本指令，用于多重输出电路，为编程带来便利。在FX系列PLC中有11个存储单元，它们专门用来存储程序运算的中间结果，被称为栈存储器。 1）MPS（进栈指令） 将运算结果送入栈存储器的第一段，同时将先前送入的数据依次移到栈的下一段; 2）MRD（读栈指令） 将栈存储器的第一段数据（最后进栈的数据）读出且该数据继续保存在栈存储器的第一段，栈内的数据不发生移动; 3）MPP（出栈指令） 将栈存储器的第一段数据（最后进栈的数据）读出且该数据从栈中消失，同时将栈中其它数据依次上移; 堆栈指令的使用说明： 1）堆栈指令没有目标元件； 2）MPS和MPP必须配对使用； 3）由于栈存储单元只有11个，所以栈的层次最多11层; 09、逻辑反、空操作与结束指令（INV/NOP/END） 1）INV（反指令） 执行该指令后将原来的运算结果取反。反指令的使用如图10所示，如果X0断开，则Y0为ON，否则Y0为OFF。使用时应注意INV不能象指令表的LD、LDI、LDP、LDF那样与母线连接，也不能象指令表中的OR、ORI、ORP、ORF指令那样单独使用; 2）NOP（空操作指令） 不执行操作，但占一个程序步。执行NOP时并不做任何事，有时可用NOP指令短接某些触点或用NOP指令将不要的指令覆盖。当PLC执行了清除用户存储器操作后，用户存储器的内容全部变为空操作指令; 3）END（结束指令） 表示程序结束。若程序的最后不写END指令，则PLC不管实际用户程序多长，都从用户程序存储器的第一步执行到最后一步；若有END指令，当扫描到END时，则结束执行程序，这样可以缩短扫描周期。在程序调试时，可在程序中插入若干END指令，将程序划分若干段，在确定前面程序段无误后，依次删除END指令，直至调试结束; 10、FX系列PLC的步进指令 1）步进指令（STL/RET） 步进指令是专为顺序控制而设计的指令。在工业控制领域许多的控制过程都可用顺序控制的方式来实现，使用步进指令实现顺序控制既方便实现又便于阅读修改。 FX2N中有两条步进指令：STL（步进触点指令）和RET（步进返回指令）。 STL和RET指令只有与状态器S配合才能具有步进功能。如STL S200表示状态常开触点，称为STL触点，它在梯形图中的符号为-|| ||- ，它没有常闭触点。我们用每个状态器S记录一个工步，例STL S200有效（为ON），则进入S200表示的一步（类似于本步的总开关），开始执行本阶段该做的工作，并判断进入下一步的条件是否满足。一旦结束本步信号为ON，则关断S200进入下一步，如S201步。RET指令是用来复位STL指令的。执行RET后将重回母线，退出步进状态。 2）状态转移图 一个顺序控制过程可分为若干个阶段，也称为步或状态，每个状态都有不同的动作。当相邻两状态之间的转换条件得到满足时，就将实现转换，即由上一个状态转换到下一个状态执行。 我们常用状态转移图（功能表图）描述这种顺序控制过程。用状态器S记录每个状态，X为转换条件。如当X1为ON时，则系统由S20状态转为S21状态。 状态转移图中的每一步包含三个内容：本步驱动的内容，转移条件及指令的转换目标。 步驱动Y0，当X1有效为ON时，则系统由S20状态转为S21状态，X1即为转换条件，转换的目标为S21步。 192图片 193图片 194图片 195图片
