index怎么转换msvc

哈喽，大家好，本期视频主题， index 函数怎么用？ index 函数呢？是一个比较常见的查找函数，我们先来了解一下它的一个查找原理，那大家知道呢，只要我们确定了某一行以及某一列，那我们就能确定一个固定的值，比如说我们选择第六行，然后呢我们选择 b 列，那现在呢，这一行和这一列 他中间肯定是会有一个交叉底，那这个交叉底呢，就是我们确定的一个位置，那这个函数呢，就是利用了这么一个特点，只要我们给他提供行号和立号，我们就能锁定他交叉的这个值。下面呢我们就通过一个具体的实力给大家做讲解。我们知道常规的威鲁卡匹配函数呢，是能够从左向右进行匹配， 但是如果我们遇到向左匹配 welcome 就显得不是那么的专业，那我们就可以用 index 来进行操作。下面用一个实力给大家做讲解。那如视频，那我现在左侧是成绩，右侧是姓名，那我 根据这个姓名，我想要找到他的成绩，我应该怎么做呢？首先呢我们输入函数的名称，函数的第一个参数呢就是数据区域，只要包含了我们查找值所在的区域即可，我现在想要查的是成绩列，我可以单纯的选择成绩列的数据区域。 第二个参数呢，我们就要确定的是行号，我们输入一个 match 函数， match 函数，第一个参数呢是我们要匹配的一个值， 第二个参数呢就是这个匹配的值所在的区域，我们选择姓名所在的区域。第三个参数呢就是代表的是匹配类型，我们输入零代表精确匹配，那 indes 函数的第三个参数呢？是我们的一个列序号，我们现在已经确定了。行，那我们接下来要确定列，因为我们数据区域就选择的是 a 列，所以呢就只代表只有一列， 我们输入一即可。然后呢我们按 nt 进，那大家看到呢，我现在就通过了 index 函数实现了一个向左匹配的一个效果。姓苏的这位同学，他的成绩就是八十九分，与我们的期望值完全一致。好了，以上就是 index 函数怎么用的一个全部内容，感谢大家的观看，希望对大家的工作能够有所帮助。

这个东西是个好玩意啊，我们知道配音加词是要加钱的，但是我们有这个东西就可以白嫖了。好比如说这是我们原来的配音之产业权链，助企业紧跟政策，精准破局。 然后呢，我们加了这一段词，我们点击生成语音后，我们就用 ai 克隆了一段配音， 扬帆起航，拓展南非、法国、新加坡多元市场，深耕全球，放眼世界，未来可期。基本上和原配音是一样的，直接可以用，这样也可以省一笔钱了。

下面我们讲解一个 nx 函数的用法啊，为我们后面讲解 两组数据进行互相匹配。呃，相关内容的啊，案例呢？做一些铺垫和准备。 首先来看一下我们的这个表啊， a 列呢，是一个数据源，然后我们在 c 二单元格输入一个公式， a 代个词， a 冒号， a 代表的是 a 列的意思啊， b 一指的是他啊，那么这个函数的作用是什么呢？就是返回引用的这个区域当中指定的位置上的内容。那我们来看一下我们的这个区域是谁呢？ a 列，我们返回 回的这个位置是什么呢？是 b 一，那么 b 一中写了个什么呢？八啊，那也就是说返回 a 列的第八个内容是谁呢？是他啊，那如果我们要是把这个内容改一下啊，把这个返回的位置改成三， 那么他返回的就是第三行的啊，如果我要是改成七，他返回的就是第七行的，确认无啊，这是这个 nx 函数的一个非常常见的使用方法。那下面呢，我们再来看下一个案例。 呃，那么他是不是只能引用整列呢？不是啊，可以引用某一个区域。我们来看一下这个公式的范围，他只是引用了爱五到爱十四这样一个范围。然后呢，返回的位置数呢？我直接 写进公式了啊，没有再引用你的单元格。那如果我们要是把这个里面改成二啊，跟我们这个旁边写的这个一样的话，结果呢，就是第二个啊，也就是返回这个区域当中的第二个位置上的内容。那如果我们要是把它改成六， 他就是返回一、二、三、四、五、六第六个位置上的内容，也就是说 a 代词这个函数， 他可以返回一整列当中的某一个指定位置上的内容，也可以返回某一个列啊，某一个区域啊， 某一个这个区域当中啊，是一列的某一个区域当中的指定位置上的内容。那么 nx 还有别的什么变化吗？在使用中有啊，还可以引用一 行啊，比方说从 b 一到 i 一啊，引用这样一个范围当中的某一个指定位置上的内容，那现在公式里面写的是三，因此他返回的是第三个，如果我们要是把它改成六， 他返回的呢？就是第六个，一、二、三、四、五六啊，那为什么没有说从第一列开始数呢？因为你的这个范围并不包含 a 一，而是从 b 一开始的 b 一， c 一、 d 一一直到二一啊，是这样一个范围当中的第六个，因此他返回的是长沙。 还有变化吗？还有啊，来看，如果是一个区域可以用吗？也可以啊，啊，如果是一个区域的话，那就成了返回指定区域当中横 隆重坐标下的那个对应的内容。我们来看我们现在 nx 返回的这个区域啊，是什么呢？ c 四到 e 九啊，是这样的一个方块啊，这样一个方块， 然后我们可以在这里面任意指定这个方块当中的第几行，第几列。那现在公式里面写的呢，是第二行的第三列，因此他返回的是这个西红柿。 如果我们要是把这个改了啊，比方说把这改成四，把这个呢改成二啊，同样我们把这个也改了，这是四，然后 这个改成二，也就是说公式当改成这个，返回第四行第二列的时候，我们来看一下第一、第二、第三第四行的第一第二列对应的就是这个板凳 啊。那么通过这一二三啊这三个案例，你对 nx 是不是有了一个充分的了解了呢？ 如果你还想了解啊，如果出现两组内容，通过某一个单号编码进行匹配的话，请关注后续的内容吧。

今天教大家用 index 加 match 函数返回多个值，比方说我们想要查找不同部门的获奖情况， 在部门的右侧呢，建立了一个数据有效性，点开下拉菜单呢，可以去选择相对应的部门。 当我选择部门以后呢，下面就会弹出这个部门的获奖的姓名和奖金，这两列的情况该怎么去制作呢？我们先把这些内容呢给他去除掉，点开数据，找到有效性，给他全部清除，点击确定。 接下来呢，删除掉这个内容。第一步呢，建立一个单元格，输入部门以后，在旁边选中空单元格，点击数据当中的有效性，在有效性设置，它允许只为一个序列 来源呢，就输入这些部门的名称，有工程部好，生产部以及运行部。 好名称输完以后呢，在每一个名称分开处呢，用一个英文的逗号给他隔开点确定。 这样的话我们就制作好了一个下拉菜单。好，但是呢，下面这些呢，就需要用一个公式， index 加 mate 函数， index 呢，它是通过定位行列呢，来查找相对应的值。 我们先输入等号，输入 index 函数啊，他总共有四个参数，第一个就是数组，我们要选中姓名这一列呢，我们全部给他选中，这是第一个 好，按一下 f 四呢，给它绝对锁定，添上一个呃呃逗号。好。第二个参数呢，就是要定 定位到它的行，我们做了一个辅助列，为什么？因为它可能有很多个，对不对？用一个 mag 函数去查找到这个行，那 mag 函数的第一个参数呢，是 i 四，也就是说我们要选中的是这个这个单元格，因为我们要查找生产部门对不对？ 那这个 i 四呢，也要给它锁定式链接上一个行号，行号的话有一个减号，继续给他链接一个路函数，为了使这个行号从一二三四，我们所以呢给他用一个 a 一好，第一个函数就是查找值， 好输入一个逗号。第二个参数呢就是我们要查找的这个值所在的区域，所以呢我们选择这一块，那这一块呢要给他按一下 f 四以后，下面的所有都是在这里面去查找，对吧？第三个就是查找的方式， 有一个零精确去查找，给他添加两个又括号到的是 index， 但是这个结果里面有可能会有些啊空的，就是说没有这么多内容，所以呢再用一个 if l 呢去嵌套，当查不到的情况下啊，就说当他的结果实施错误的时候呢，我们给他空在这里。 好注意啊，所有的这些符号呢，都必须是英文的状态下的符号，好输了一对直应号，最后呢点回车，我们就查到了生产部，第一个 是王五对不对？那查他的奖金呢，只要给他移过来，那移过来以后呢，公式里面有一些变动的，就是因为我们现在查找的是奖金嘛， 所以在 index 里面这个区域呢，要给他更改为奖金的这个区域，这是这一步。 itf 四，接下来选中这两个以后呢，给他集体直接往下面 拉到很多他，当他找不到的时候呢，就会空在这里。我们看一下生产部呢，总共有这四个人，对不对？ 王武，周明，黄桃，诸葛亮，对吧？那我换一个部门，换成工程部的时候呢，就变成了两个人，因为工程部只有两个序号吗？就是张三和李四，你学会了吗？

大家好，这招呢，我们来讲一个非常经典的案例啊，这个案例呢很多同学都遇到过，但是不知道如何解决啊？你看这边呢，我们总共呢会有五个单元，然后十层的一个住户， 好，那现在呢，我随便选择一个人啊，比如说我现在选择到长青子，那我就知道长青子呢，他所住的楼层以及单元，那这个是如何把它给做出来的呢？ 通常情况下面呢，大家所做的都是正向查找，就比如说现在我在当前的这个表格中间呢，我来找注 r 层的， 那并且呢是三单元的，对吧？那这个他所交错出来的结果呢？就是张无忌啊，所以用函数表达呢，就是使用到等于 index 函数嘛，然后呢选择到这个范围当中，然后呢我们再来做 match 函数来 match 啊层，它应该是在我们整个楼层的哪一个位置吗？零精确匹配括弧回来，那这个呢是给到了韩位，然后呢我们再来做个 match match 这个单元，然后呢他在我们整个表头当中，对吧？来进行 match， 零精确匹配括弧回来，那这个样子的话呢，我们就可以找到他是张无忌， 所以这个 index 加上 match 函数呢，它的意思呢也比较简单，选择这个范围当中给到行位，给到列位，交错出来的结果呢，也就是我们所得到的这个结果了，好吧，所以啊，这个呢是一个大家都常用的例子， 那现在我们所看到的例子呢，就和之前的例子完全不一样，你看现在我想要去通过在这个范围当中来找到某一个人，然后这个人呢他 对应到的楼层以及单元，那这个等于一个逆向的查找吗？对吧？首先呢，我会选择等于，然后呢，选择到这个范围当中，当这个范围呢，他等于什么呢？他等于 这个，刚才我们需要去查找到这个住户，对吧？确定呐，他就会输出一个判断矩阵。大家注意，我所使用的版本呢，是 office 新版，所以这个数组呢，他能够一出，那包括现在的 wps 的三六五的新版呢， 速度也可以溢出了，所以你看到的判断结果形态呢，就是这个样子的。如果你是老版本的话呢，可以选择按这个公式 f 九把它给展开，那其实道理是一样的了。好吧，好，在当前的这个表格当中，当它等于肖远山的时候呢，那在 判断结果的同一个位置，他就会显示为处，你看其他的位置，小龙女，他等于小远上面，他不等于吗？所以呢，他为 force。 好，那接下来呢，当他满足条件，我则会返回啊，就是他所对应到的一个楼层， 楼层呢，它在这一列当中，对吗？所以呢，我会写到，如果条件满足，我则会返回 row 函数。 然后呢，选择到呢，一到十层这个范围当中，括弧回来，当条件不满足呢，我则会显示空值，括弧回来确定。 那这个时候你就会发现呐，其他的部分刚才都不满足，多维 force 的部分呢，他就都变成了是空值嘛，当他满足条件呢，他就会显示行位，大家注意啊，这个行位呢，他， 他是相对于整个表格而言所在的行为第五行，对吧？第五行他所对应到的是第四层呀，所以呢，我们需要在 row 函数他的基础之上呢，然后去减去一个一啊，减去一个行差吗？然后呢选择给他确定，你看就是四。 好，那由于啊我们有四之后呢，他是一个矩阵，我们需要把这个四呢把它给放在一个单元格中间，所以那你看我就可以对整个这个矩阵去做一个求和嘛，对吧？所以呢你可以来使用到三木函数，或者呢是使用到三 product 函数啊， 确定确定。那这个时候呢，你看他就是输出在一个单元格中间。好，呃，为什么要这样去做呢？因为你现在如果是四的话，你没有把它给归结在一个单元格中间，你是没有办法说我再用 index 函数呢去进行内容的签套的啊。 好，所以我们需要啊来做一个加总嘛，加总之后呢？那其实呢，呃也就是呃满足条件的唯一的一个函位所在的位置了。好吧，萨姆函数也可以了啊。 好，那接下来呢我们可以来说到 index 函数选择到呢楼层所在的这一列当中逗号，然后呢在这一列当中，然后给到他的次序位，对吧？ 确定确定，那就是四层，当我们在选择，比如说我现在选择到呃这个曲阳的话呢，大家可以看到曲阳他应该是在第九层当中，你看 大家注意啊，如果你是老版本的话呢， ctrl shift 加上回车键来输出这个公式啊，如果是单元的话呢，道理是一样的了啊，我们再来做一次选择到这个范围当中，当他 他等于曲阳的时候，对吗？好，当他等于曲阳呢就肯定会有一个位置呢他是处，所以我们再来做一个判断，如果条件满足，那我则会显示 corn 函数，然后选择到那，呃，这个表头所在的这个范围当中， 当条件不满足呢，我则会给到空值括号回来确定。好。这个时候呢，大家可以注意到他的输出结果为三，也就是说当曲阳他满足条件的时候，那我所显示的这个列位呢？ 他是相对于整个表格而言的，你看那 a， b， c， c 呢？是处于啊这个第三列吗？对吧？但是呢，在这个表格当中呢，他应该是第二列的位置，所以呢，我们也可以来减去一个行差啊，列差了啊，那就应该是二，好，然后呢，我们再把它给做一个皈依的处理。 沙漠函数确定，确定，因为，嗯，其他的部分都为控制吗？当你去使用到沙漠函数的时候呢，那算出来的结果呢？就是刚才我们所得到的这个例位值啊，呃，然后我们再来给到 index 函数，选择到呐， 那一单元到五单元这个范围逗号，然后给到确定确定，那这个呢就是二单元，现在我们可以来测试一下，比如说现在选择到这个， 呃，这个罗三，呃，闫三星啊，你看闫三星呢，他应该是住在九层。五单元，这个例子呢，还是会有一些绕啊，所以大家如果说是第一次没有看懂的话呢，可以多看几次。好吧，那这一章咱们就讲到这个位置啊，希望大家能够有所收获，如果大家基础不是特别好的话呢，可以看一下我之前的一些视频。

前端网页开发入门案例实战第三十五集。嗯，我们只要稍微改一下这个创建内容的这个函数， 也就是说我们不使用这个返回值了，在 create box 的 时候，我们不返回这个 content box 这个标签对象， 在这里我们不使用这个 return 了。然后呢，我们在这个想办法，在这个 create content 的 这个函数里面，不止接收 index 这一个参数，还要接收一个这个 content tag 这么一个参数，这个 content tag 呢？就是，哎，怎么没了啊？就是刚才的那个青色区域，也就是也就是这个内容区域，这个 create box 里面的这个内容区域， 我们想办法让这个函数第一个参数是 content tag， 第二个是当前标签的一个缩影值。 ok， 那 么这里就要调整一下这个 types callback 这个函数了，我们在这个 types callback 这个函数里，你看我们把 types callback 就 直接传递给了这个 create types 这个函数的 callback 这个参数，我们在 在就是传，传给这个 callback 参数之前呢，我们对这个 types callback 再做一个，再做一层封装，什么意思呢？就是， 嗯，在这里创建一个函数 function， 就 叫一个 callback 就 可以了， 然后这里接受一个 index， 我 们把这个 callback 传给这个 create tasks 里面的这个 callback 参数。那么在 create tasks 这个函数里面，调用 callback 这个函数的时候，它就相当于调用这个函数， 而不是调用这个 create content 这个函数，那么它就会把 index 传给这个函数，传给， 传给这个参数，传给这个 index 这个参数。然后呢我们在这个 callback 这个函数里面，在这个里面我们调用 这个 types callback 这个函数，我们调用这个函数，也就是我们调用这个 create content 的 这个函数，那么在调用这个函数的时候，我们就要把这个 create tag 创建出来的这个内容区域的这个标签传给这个 types callback 这个函数，所以说我们要把这个 标签保存在一个变量里面去，并且呢我们要把这个内容区域给他移动一个位置， 移动一下位置，我们要移动到这个函数的上面，我们移动在这个 call back 的 函数上面，因为我们要使用这个变量， 我们把这个变量当做参数传递给 tab tabs callback 这个函数，那么就相当于传递给这个 create content 这个函数，那么第一个参数就是 content tag， 那 么就传递给它了。第二个参数呢就是 index， 这个 index 呢就是这个 index callback 函数的这个 index， 我 们把这个 index 传递给这个 types callback， 那 么这样就就能实现了在这个函数里面获取 content tag 这个这个方法了。现在我们来看一下，你看我们不管刷新多少次，它始终都能把这些内容 保存待保存在这个青色区域里面去，这就说明我们这个 content tag 已经获取到了，我们获取到了这个青色区域，并且把这些内容添加到这个青色区域里面来了， 然后我们再切换到第二个，你看第二个，他就是在上一个的基础上又追加了第二个的内容， 切换到第三个，他就是在之前的基础上追加了第三个，我们肯定不希望这样，而是像之前我们做公告的时候，每一每一次就只显示当前页的，之前的就不显示了，那么我们在做，在做公告的时候， 呃，公告这里，我们之前在做公告的时候在渲染内容，这里第一步就是通过 clear tag 这个函数，把这个， 把这个，把它的内容区域给它清空一下，那么我们在这里也要实现这么一个功能，就是在切换这个标签的时候，我们要把这个青色区域给它清空一下， 我们还是回到这个 active 点 gs 里来，在这个 create content 这个函数里面 调用 clear tag。 那 么我们要清空哪个标签呢？我们就是要清空这个 content 的 这个标签，也就是清空这个青色区域这个标签，现在我们点一下保存， ok， 我 们把鼠标悬停在这里，这里，这里不管悬停在哪哪个，他始终都会显示当前标签页里面的内容，而不会显示之前已经显示过的那些内容。这个就是我们想要的一个需求，想要的一个效果吧。 接下来呢，我们要，我们要这个，这个，把这些样式给他制定好了。啊，我忘记一件事情，就是因为我们可以点击这个活动，像去跳转页面，所以说呢，这个，这个，这个， 这个每个活动项不能用这个，不能用这个 diy 标签来包裹，而是用一个 a 标签来包裹， a 标签就是用来跳转网页的嘛，现在我们点一下保存，嗯， ok， 没什么变化， 没什么变化就是正常的，我们接下来就是调整一下样式，让它跟这里一样， 它这个布局整体的布局方式呢？它是水平布局的，但是我们这里呢，你看它这每一条信息它都是垂直布局的， 所以呢我们得让它变成水平，水平排列，那么之前已经介绍过很多次了，就是用这个 flex 布局， 我们给这个列表标签，也就是这一整个的标签吗？列表标签给他加一个这个 flex flex class 内名，然后呢，然后他就变成了一个， 呃，水平排列了，这个每个活动像呢，它的一个宽度啊，它都是一样的，就可以用那种平分剩余空间。 呃。 net， 点 css， 这里就这这个，我们使用这个，我们给每一个这个活动项，也就是这个 item 这个标签，添加这个平分剩余空间的这个，这个， 这个，这个叫什么内名，然后我们再来看一下，你看现在这个，呃，我们给它加点背景颜色吧，不然不好分辨。 我们在三 s s 这里找到这个 active 点，三 s s， 这在这里我们先给这个 list 加一个背景颜色，先给一个红色， 你看它这个红色区域呢？它就这么高，就这么高，这肯定不是我们想要的，我们想要的它就是占满这个一整个内容区的一个高度，所以说呢，我们要给它指定一个 height， 百分之百占满这个内容区， ok， 这才是我们想要的。然后呢，然后我们再给这个 item item 添加样式， 给他添加一个，呃，什么颜色呢？就随便选一个吧，蓝色吧，就取一个蓝色。 ok， 现在全都是蓝色了，这个全都是蓝色，呃， 看不出什么效果来。我们让他们每个标签像，每个活动像之间有点间距，间距这个已经介绍过了，我们就我就是 创建间距的一个方式呢，除了使用 margin， 在 flex 布局里面，也就是我们给这个 list， 给这个 list 的 标签使用 j p gap 这个属性，我们给它指定一个像素值，比如说十像素，你看 每个活动项之间就有一个间距了，呃， 把这个值给他调大呢，这个间距就会变大，调小就会变小，就这个意思。因为我们刚才给每一个活动项，也就是这个艾特姆添加了这个平分剩余空间的类名，所以说他们现在的一个宽度呢，都是一样的，一样的。 这个间距呢是多少？我们得看一下成品这里间距是一个二十，那么我们就给这个 list 这个标签添加一个 get， 等于二十，也就是说这里的间距它有二十像素，有二十像素。 ok， 这个整体的一个排列我们就做完了。接下来再做每一个活动项的每一个活动项，它，我们先给这个图片添加样式，这个图片呢就是这个 img 这个图片它是一个固定大小的，我看一下是一个多大？宽度呢？肯定是百分之百，这个宽度要跟这个活动项的这个标签是一样的，也就是说宽度是百分之百。至于高度呢，高度是一个多少，我得看一下。 嗯，这个高度是多少？ 这个高度他是有小数点，这个高度不说实话，不确定，我们先，我们先这个， 呃，先不给他添加样式，我们先让这个图片展示出来。现现在他不是没有展示图片吗？是因为我们没有给这个 i m g 标签添加那个那个 s r c 那 个属性，我们使用这个， 使用哪个？ 使用这个 set attribute 这个函数，我们给这个 i m g 标签添加一个指定那个 s r c 属性，它的第一个参数是要给哪个标签添加？我们要给这个， 我们要给这个 i m g tag 这个标签添加属性。添加什么属性呢？它是一个 list 的 一个数组，数组里面是一个对象，对象里面有个 name 属性，这个 name 属性就是你要你要指定 给这个标签添加的那个属性名是什么？比如说我们这里就添加一个 s r c 这个属性名，然后它的一个 y 六是什么？也就是说这个 s r、 c 它的一个属性值是什么？它的属性值就是， 嗯，把这些都关掉，它的属性值就是这个每条数据里面的这个 post 的 这个 这个属性，这个 poster 就是 这个图片的地址嘛，我们要把这个 info 点 post， 把这个图片的地址给到这个 s r c 属性，现在我们来保存一下，看一下效果。嗯，它是一个， 你看他并没有显示一个图片，而是显示的这这么一个东西，这么一个小图标，这个小图标的意思呢？就代表说图片没有找到，这个图片失效了，他用这么一个文件损坏的一个图标去 去这个占位去显示，然后在控制台里这里报错了。啊？这报错，你看在控制台里报错，报错什么？ 什么这个 http， 什么这些东西，一点 jpg 三点 jpg， 什么这些文件四零四 not 放的，也就是说找不到，我找不到这个这个图片，也就是说我们这个 src， src 属性添加了，但是添加的不对，我们给他的一个地址是错误的，不是一个正确的地址。因为这个 pos 的 它就是一个，它就是一个这个 文件名称，它不包含文件路径，所以说我们需要在这个它的这个前面拼接上一个文件路径，通过加号将两个字母串进行一个拼接， 我们第一个字母串写上这个文件路径，第二个字母串，也就是说 inf， 也就是这个 inf 点 poster， 它是一个文件名称。 ok， 这个文件路径呢？就是什么呢？就是这个 images 下面的这个 activity 这个文件夹下面的就是这个文件夹，那么对于这个 active 点击 s 来说， 一个点就代表这个 active 点， gs 所在的文件夹，也就是这个 gs 文件文件夹，那么肯定不是要 gs 这个文件夹，而是跟 gs 同级的这个 images， 那 么再来一个点，再来一个点，就是 gs 这个文件夹的它的文件夹，也就是这个 lol 这个文件夹，这个最大的一个根文件夹，然后再写一个斜杠这个路径分割符，也就是说 lol 文件夹下面的这个 image 这个文件夹，那么 image 这个文件夹下面的这个 activity 这个文件夹，然后再添加一个斜杠，也就是分割符，路径分割符，然后再拼接上这个文件名称，也就是说它是一个这样的一个， 它的 s r c 是 这么一个 纸，前面是文件路径，后面是这个文件名称，然后两个字母串进行一个拼接，这样就 就写了一个完整的一个 s i c 属性。现在我们保存一下，你看现在这个图片就有了， 然后它它默认呢就是宽度百分之百，然后高度呢？高度就不用写死了，我们就用它按照它自己的一个图片的一个纵横比，也就是说也就是这么大，也就是说我们就就保持这样就行，就不用动了，就这样就行。 嗯，现在图片展示出来了， ok， 我 们把这个屏蔽纸这个类名给它删掉，不要，先不要添加样式了。 嗯，那么接下来我们就做这个信息，下面的这个信息，我们先给这个 info， 也就是信息这个 diy 标签添加一个样式，给它先添加一个背景颜色，添加一个，呃，添加一个紫色吧。这个 你看它这个信息呢，它它的高度呢？就占这么大，其实我想让它占满这个剩下的这一部分，但是因为我们这个每个活动项它不是 flex 布局， 它的一个赋值它是一个 flex 布局，但是每个活动项它不是 flex 布局。 所以说呢，我们不能使用这个平均平分剩余空间占满剩余空间的这个类名，我们不能把这个类名给到这个音符，我们给一下试试吧。比如说这个音符，我们给一个这个占满剩余空间的这个类名， 你看没有什么效果，因为它不是 flax 布局，所以所以没法使用。那么这个时候怎么办呢？其实也没有什么好办法，就是我们写死一个固定的值，现在这个，呃， 这一整个活动项的一个高度是二百八十五像素，然后图片的一个高度是二百零七，也就是 二八五减二零七七十八像素，也就是说这个 inf 它占了一个七十八像素的这么一个高度， 我们给他一个高度是七十八像素。 ok， 现在保存一下，现在就占满剩余空间了吗？这这这就是对的。然后呢，你看 这个信息，他的左侧跟右侧，呃，这个右侧看不见啊，我们就用这个，用这个为例吧，他的左侧跟右侧都是有一定的间距的，包括下面的这个日期，日期， 这个结束日期呢，他跟这个底部他也是有间距的，这个标题呢，跟上面也是有间距的，这个间距我们得控制一下，我们现在做的呢，他是你看这些文字，他都紧靠在顶部和左侧，还有右侧， 这样不好看，我们得让它有点间距。这个间距呢，之前说了间距是用 margin， 但是 margin 呢？外边距呢？它是控制两个标签之间的一个间距，所以说呢，不适用这种情况， 它是一个标签的边界和标签的内容之间有一个间距。那么控制内容之间的间距呢？我们在刚开始就已经说了，是用一个 拍定内边距来控制，也就是说在这个矢域图的这个拍定绿色的这个位置，比如说我们在开发者工具里面写一个拍定 pad， 写一个十像素， ok， 你 看现在这个 这个文字，它跟这个它上下都是有这个间距了，我们就写了一个 padding， 然后并没有指定什么 padding， 杠 left、 杠、 top 杠、 bottom 杠 right 四个方向，如果说只写一个 padding 的 话，那么 就代表着四个方向，也就是说上下左右都是十像素，这是一个简写属性。 嗯嗯，十像素，我们就用十像素吧，我们给这个，给这个音符添加一个拍点，一个属性就是十像素。现在他都有一个这个 间距了，这样就稍微好看一些了。然后就是让他们上下排列，现在呢，你看他，他们都在一整行显示， 你看这是那个标题，然后在标题的后面紧接着这个显示这个截止日期，这个不是我们想要的垂直排列呢，我们就可以给这个音符添加一个， 添加一个这个这个叫做 vertical center， 嗯， 它们怎么是水平排列了？ 哦，不是用错了，用错了，应该是用这个垂直排列杠 vertical 点 vertical， 嗯，不是用 vertical 杠 center 啊。现在你看 第一行是标题，然后接下来一行是结束日期，这样是对的，这样是对的， 但是他们现在是紧贴着的第一行，第二行是紧挨着的，这里呢就是第一行在最上面，第二行在最下面。呃，这个间距是不是有点大了？先这样吧，先这样，嗯， 我们把这个 pad 给它调小一些，调个六像素，让它间距小一些，这样就行，有点间距就可以了。 然后怎么实现？就是让他们在两边显示一个在上面，一定在下面，就是在这个 flex 布局，因为我们在这个给这个音符添加了 vertical 这个类名嘛，这个 vertical 它就是 flex 布局。 添加了 flex 布局之后呢，我们就可以使用这个这个 justify 杠 content 这个属性，这个之前我们用这个属性来实现了 center center， 就是 居中， 因为我们使用了 vertical， 也就是 flag， 我 们把这个 flex 杠 direction 指定成了这个，让它们水垂直排列。那么这个 扎斯蒂法刚 ctrl 呢，他就是针对垂直方向，你看我们指定成了森特之后，他就在垂直位置居中了。这个我们之前已经说过了，这个森特呢，他是居中。然后他还有一个属性是我们看这里， 看这个右侧的这个图标视力，你看这个 space 杠 bten， 它就是在上面和在下面显示，这个是我们需要的，你看我们把这个 justify 杠 content 指定成了 space， 杠比特，它这个文字两行文字呢，就是一个在上，一个在下，这个是我们需要的，所以说我们要给这个音符添加一个 static 杠 content， 然后 space 刚变成我们添加一个，这个，现在每一每每个活动项它都是呃呃上下布局了。然后这个文字我觉得有点大， 但，嗯，其实还行。我把这个文字调成十二像素吧，也就是给这个 infotain 添加一个 font size， 指定成十二像素，让它字体变小一些。呃，好像又有点太小了， 这个截止日期可以小一些，但这个标题不能小。所以说我们把这个 infor 这个 font size 给它删掉，先给它删掉， 然后再把这个背景颜色，就把背景颜色都给它删掉。因为这个 item 它只有一个背景颜色嘛，所以说把整个 item 都给它删掉。这个青色它是 box 点 css 里面的 这个，嗯，不是。 ok， 删掉之后它就变成这样了。嗯，我们要让这每个标签像，每个活动像它都有一个白色的背景，所以说我们给这个 inf 添加一个白色的背景，白色就是三个 f。 ok， 现在有有白色背景。然后呢，这个 截止日期，截止日期的这个字体我们调小一些，现在这个截止日期它太大了， 也就是这个 time 这个标签，这个 time 我 们给它一个 font size 十二像素就可以了。 ok， 调小了。然后它的字体颜色呢？它是一个青色的，我们再把这个青色的颜色给它设置一下， 然后给还是给这个 time 这个类名添加一个 color 属性，字体颜色是 e d a 六 b a 的 一个颜色值。 ok， 这个截止日期我们就调整好了。然后我看这个标题，它不是一个纯黑色的一个标题，看一下它的字体颜色， 嗯，它不是一个纯黑的，那么我们给这个 title 这个类名添加一个样式，添加一个 color 井号，四二四二四二，它是一个这个颜色纸， ok， 这样就比较好看了。然后切换标签页，他也能显示对应的一个内容，都挺正常的， ok， 没问题。然后最后一步呢，就是点击这里就跳转到一个详情页了， 现在我们右键检查一下，你看我们每个 item 它都是一个 a 标签，但是我们现在点击是没有任何效果的，因为我们没有给他指定这个 help 属性。 help， 这个之前也做过了，比如说我们在做这个公告的时候，这个已经做过了，我这里就直接使用了 我们在这个活动项活动项 a 标签这里，我们通过这个 set attribute 这个函数，给这个 a 标签添加一个， 添加一个 help 属性，然后它的值是什么呢？它的值就是这个 这数据里面的这个 url， 这个属性，这个数据也就是 in four 点 url， ok， 然后呢，再还得再来一个，就是 target， 这个之前已经说过很多遍了，就是在一个新的标签页里面去展示，而不是在当前标签页。 这个在做公告版的时候也也说过了，这里就直接直接直接写了下划线，呃，好像不是 black 哎，是一个什么来着？我也忘了，看一下吧，看一下之前咋写的 啊。 black 这个哎，多了一个下划线啊，然后点一下保存，看一下效果， 现在鼠标移上去，鼠标移上去之后，他这个鼠标的一个样子呢，你看就变成了一个小手了。然后点一下， ok， 跳到一个新的页面去了，在这个页面里面查看详情。 嗯，这个活动呢我们就，嗯，就已经是做完了，接下来做这个，这里再做这个部分。

行列交叉匹配，看案例，查找刘浩然一月份的销售额，这是完整的公式，接下来给大家拆解讲解。 index， 第一参数数据源，第二参数行号，第三参数列号。我们发现刘浩然一月份的销售额在这个数据源的第四行，第二列 数据源第四行，第二列。接下来怎么获得这个行号和列号呢？引入 max 函数， max 函数，第一参数查找值，第二参数查找区域，第三参数精确匹配， 我们查找刘浩然在这个 a 列的第四行，返回对应的行号，再用 max 函数查找一月，在这个第一行的第二列，返回其对应的列号。 你把完整版的公式添到一块，就是第一参数数据元，第二参数用 max 函数返回其对应的行号，再用 max 函数返回其对应的列号。 大家有什么疑问可以在评论区提问或。