开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

相同的大小和宽度，即使内容是较高的卡片正文

，这种情况下可能会导致卡片内容溢出或者显示不完整。为了解决这个问题，可以采取以下几种方式：

自适应布局：使用响应式设计或者弹性布局，使得卡片能够根据屏幕大小和设备类型自动调整布局，确保内容完整显示。这样可以适应不同尺寸的屏幕，提供更好的用户体验。
文字截断：当卡片正文内容过长时，可以通过截断文字的方式，只显示部分内容，并在末尾添加省略号（...）来表示被截断。用户可以通过点击或者滑动等方式查看完整的内容。
折叠展开：如果卡片正文内容较长且不适合截断，可以提供折叠展开功能，初始状态只显示部分内容，用户可以点击展开按钮或者卡片本身来查看完整的内容。
滚动显示：当卡片正文内容较长时，可以在卡片内部添加滚动条，使得用户可以通过滚动来查看完整的内容。这种方式适用于内容较长且需要保持卡片整体布局不变的情况。
分页加载：如果卡片正文内容非常长，可以考虑将内容进行分页加载，每次只加载部分内容，用户可以通过翻页或者加载更多按钮来查看完整的内容。

腾讯云相关产品推荐：

腾讯云移动推送（https://cloud.tencent.com/product/tpns）：提供消息推送服务，可用于向移动设备发送通知，适用于卡片内容更新时向用户发送提醒。
腾讯云内容分发网络（https://cloud.tencent.com/product/cdn）：提供全球加速服务，可将卡片内容快速分发到全球各地的用户，提高访问速度和稳定性。
腾讯云云服务器（https://cloud.tencent.com/product/cvm）：提供弹性计算服务，可用于部署和运行卡片相关的后端服务和应用程序。
腾讯云对象存储（https://cloud.tencent.com/product/cos）：提供高可靠、低成本的云存储服务，可用于存储和管理卡片中的图片、视频等多媒体资源。

以上是针对相同大小和宽度的卡片正文内容较高的情况的解决方案和腾讯云相关产品推荐。

相关搜索:有没有办法在不同的内容大小上实现相同宽度的css卡片面板？如何在react bootstrap中保持图像和卡片的大小比例相同？Rails视图-相同的页面和css，但内容大小不同具有相同宽度和高度的产品盒，而不考虑图像的大小 java.lang.UnsupportedClassVersionError，即使java -version和javac -version是相同的。如何限制可裁剪区域的宽度和高度以输出相同大小的图像？以相同大小的单元格显示不同高度和宽度的图像如何裁剪具有未知值和大小的张量的常量填充(填充高度和宽度相同)？如何改变宽度或高度，只有视频标签和相同大小的海报？翻转卡片的高度和宽度与Bootstrap 4网格库的其余部分相同如何调整UITextView的大小，当达到某个值时，它会根据内容和固定宽度自动调整宽度和高度？CSS调整多个图像的大小，使其具有自定义宽度和相同的纵横比固定表格单元格大小和内容相对于宽度的显示长度优化功能，固定html表格的标题，根据屏幕和内容的大小实时调整宽度。当字段有内容和没有内容时，主题中的Flutter Form标签样式需要具有相同的大小在Rmarkdown html文档中并排显示图形时，使图形的大小(宽度和高度)相同保持多个html具有相同的样式和组件但在某些正文内容中不同的好做法是什么？使用wordpress在tcpdf中调整与页面宽度和高度相同的背景图像大小 iText 7使用具有最小宽度和最大宽度功能的相同样式表生成具有两种页面大小的报表 ValueError: s必须是标量，或者与海上可视化中的x和y大小相同

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

HarmonyOS 开发实践 —— 基于RN框架实现高性能瀑布流页面

在上下滑动时，由于具备无限加载的特性，瀑布流可以展示大量内容，然而大小不一的子元素会增加测量和绘制的性能消耗。...瀑布流页面上的卡片一般都是结构相同的几种卡片，如果能固定每种卡片的高度，则理论上卡片布局时就不需要额外的计算卡片在瀑布流上的位置，从而减少计算时间提升性能。...另外如果每次卡片组件下树就完全销毁组件，上树时又重新创建则会浪费这些卡片相同结构的设计，而使用组件复用技术就能解决这个问题。...组件的宽高是固定的，那么在布局阶段，组件不需要再次调整列表项的位置，因为它的节点中已经保存了对应的大小、位置信息。当瀑布流布局中包含大量内容时，避免了瀑布流组件整体的测量过程，这将显著提升性能。...功能区Swiper由MasonryFlashList的ListHeaderComponent承载，瀑布流内容由图文卡片、视频卡片、直播卡片构成，每个列表项中标题文本和用户信息结构是相同的，相同UI结构可以复用

2131 0

【软件开发规范七】《Android UI设计规范》

这些是纸片的魔法特性，真实纸片所不具备的能力：纸片可以伸缩、改变形状纸片变形时可以裁剪内容，比如纸片缩小时，内容大小不变，而是隐藏超出部分多张纸片可以拼接成一张一张纸片可以分裂成多张纸片可以在任何位置凭空出现...卡片通常是通往更详细复杂信息的入口。卡片有固定的宽度和可变的高度。最大高度限制于可适应平台上单一视图的内容，但如果需要它可以临时扩展（例如，显示评论栏）。卡片不会翻转以展示其背后的信息。 ...编辑 **卡片集**是**卡片**的一个平面布局编辑即使在同一个列表中，卡片的内容和布局方式也可以不一样。编辑卡片统一带有2dp的圆角。...屏幕边界与卡片间留白：8 dp 卡片间留白：8 dp 内容留白 16 dp 编辑编辑 ** 纸片（Chips ） ** 编辑纸片是一种小块的用来呈现复杂实体的块，比如说日历的事件或联系人...列表由单一连续的列构成，该列又等分成相同宽度称为行（rows）的子部分。行是瓦片（tiles）的容器。瓦片中存放内容，并且在列表中可以改变高度。如果列表项内容文字超过3行，请改用卡片。

5.1K2 0

深度解析 Jetpack Compose 布局

然后 wrapContent 解析其大小并创建放置指令以居中放置内容。...在组合中，我们可以根据条件使用逻辑和控制流来选择要显示的内容，但是，有时候可能希望根据可用空间的大小来决定布局内容。...由于滚动状态是从组合中读取的，任何更改都会导致重组，在重组时，还需要进行布局和绘制这两个后续阶段。不过，我们不是要更改显示的内容，而是更改内容的位置。...提高布局性能有时候，布局不需要测量其所有子节点便可获知自身大小。举个例子，有如下构成的卡片: △ 布局卡片示例图标和标题构成标题栏，剩下的是正文。已知图标大小为固定值，标题高度与图标高度相同。...测量卡片时，就只需要测量正文，它的约束就是布局高度减去 48 DP，卡片的高度则为正文的高度加上 48 DP。

2.1K3 0

从2.9秒到0.6秒，信息流首屏提效80%的秘诀

QQ 浏览器中短内容页面的入口是在推荐流中的短内容卡片，一般带有分享、评论、点赞互动栏的就是短内容卡片，点击短内容即可以进入短内容页面。 ...“Above the Fold” 这个概念最早用于出版行业，买过报纸的同学都知道，因为方便搬运，报纸的一般都是折叠起来的，即使是“头版”，也分朝上和朝下的一面，如图所示，朝上的那一半被称为 “Above...短内容页面的入口是推荐流中的短内容卡片，当推荐流中有短内容卡片曝光时，QQ 浏览器将会去网络拉取一刷数据缓存到本地。如果用户真的点击了短内容卡片进入了短内容页面，那么会直接从缓存中获取数据。...在上面的链接例子中，/0 指的是原图，除了 /0 外，还有 /900、/600、/320、/200和 /180 共计 6 种配置，/900 的意思是图片最大的宽度是 900 像素，如果原图宽度大于 900...不过为了节约流量，目前只会预加载第一条短内容的图片。下面的例子中，正文图片很快加载完成，与此形成鲜明对比的是尺寸很小的头像，在正文图片加载完成后仍然还是灰底。 ?

2.5K42 0

HarmonyOS 开发实践 —— 瀑布流性能优化

瀑布流的卡片高度是由瀑布流卡片自适应瀑布流的宽度得到的，因此卡片的高度无法直接指定。这就会使卡片渲染以后得到的高度与占位符的高度不一致，从而造成卡片的闪烁效果。...如果组件本身的宽高是固定的，理论上来讲，该组件在布局阶段不会参与measure阶段，其节点中保存了对应的大小信息，当瀑布流内容较多时，由于避免了组件整体的测算过程，性能会带来一定的提升。...瀑布流页面卡片宽高计算逻辑示意图如上图所示，两列瀑布流卡片的宽度 = （屏幕宽度 - 2 * 组件外边距（margin） - 瀑布流组件内边距（gap））/ 2。...瀑布流卡片中图片的高度imageHeight = 图片原始高度 / 图片原始宽度 * 瀑布流卡片宽度。瀑布流卡片中描述性的高度titleHeight根据标题长度不同需设置不同的高度，计算逻辑。...、视频卡片、直播卡片构成，每个列表项中标题文本和用户信息结构是相同的，对相同UI结构进行了复用，避免了无用的层级嵌套。

1442 0

vivo 悟空活动中台 - 栅格布局方案

（1）固定卡片宽度在页面宽度进行调整时，页面左右侧会有较大幅度的空白，没有展示具体的内容。（2）固定卡片个数在页面宽度过大或者宽度过小时，卡片容易放大缩小至非常夸张的比例，展示的效果欠佳。...2、自适应方案分析下面简要阐述三种自适应栅格方案各自的使用场景，和优缺点分析：（1）自适应卡片方案通过固定页面边距和卡片边距的尺寸来计算出卡片宽度，该方案的优点是整体框架稳定，卡片自适应伸缩。...（2）自适应内边距方案通过固定卡片边距和卡片宽度的尺寸来计算出页面边距，该方案的优点是，卡片展示内容整体居中，卡片宽度也不会有变化，卡片内部可以严格还原设计稿；但缺点是，卡片内容在大屏内会显得太小，但是在小屏上会显得很大...（3）自适应边距方案通过固定页面边距和卡片宽度的尺寸来计算出卡片边距，该方案的优点是，页面左右两侧不会有太大的空白区域，卡片宽度也不会有变化，卡片内部可以严格还原设计稿；但缺点是卡片边距会动态调整，这种场景中卡片直接的距离往往比较大...变量名大小写敏感，并且变量的值可以是色值、数字和字符串。使用CSS变量时，需要使用var()函数进行包裹。

1.5K4 0

用AI快速生成一个网页（名侦探柯南~灰原哀主题网页），适合大学生web期末大作业

下面是提供给AI的提示词和AI给出的代码以及成果展示1、生成一个网页导航栏，宽度为1300px，高度为60px。...导航栏的背景颜色为#D7719B，字体大小为24px，链接颜色为白色，鼠标悬停时菜单项背景色变为橙色。以下是使用 HTML 和 CSS 实现上述要求的导航栏的示例代码：HTML:内容区域，宽1300px，包含两层，每层三张卡片，每张卡片中包含一张图片和一个标题和一段文字描述。...卡片水平均匀并排显示（间隔相同，左右贴到底），每张卡片的宽380px高500px，上下边距30px。卡片背景色为白色，边框为1px灰色实线，四角圆润。图片应占据卡片上半部分，大小适中，边缘圆角处理。...然后在这块区域外的下方30px额外创建一个页脚，和上面的区域无关，页脚宽1300px，高100px，内容是版权所有，背景色#D7719B，字体白色且上下左右居中好的，以下是使用 HTML 和 CSS 实现上述要求的示例代码

1791 0

想做卡片式设计，花瓣不在了该上哪里找参考？

作为承载信息的“容器”，卡片式设计能够包含文本、媒体和按钮等元素，而且能够适应不同设备、屏幕尺寸，平衡用户界面和用户体验之间的关系。 1 什么是卡片式设计？...传统的列表样式，需要我们不断往下滚动才能看到更多内容，而且显示的内容有限。但用卡片式布局，即使是瀑布流，通过水平滑动也能显示更多内容。提高可操作性 ?...卡片不仅仅是能够展示信息，同时卡片式设计还具有可以被覆盖、折叠、移动和滑动的特点。如此一来，更有利于扩展内容的视觉深度和可操作性了。...一个页面中各种卡片大小不一，信息的层次结构立马就被区分开来了。个性化的用户体验 ?...Instagram里面所有图像都是以正方形发布的，这样可以将瀑布流布局中的图像宽度标准化。 Trello ? Trello运用卡片式UI将内容分类，优化了用户管理任务和工作的方式。 Airbnb ?

1.3K2 0

Flutter 卡片选择器

卡片的边角和阴影有些调整。卡片是用于表示某些关联数据，例如集合，地理区域，膳食，联系方式等。卡片包含有关单个对象的内容和动作。在本文中，我们将探讨Flutter中的**Card Selector。...选择器是完全可配置的，动画时间，卡之间的间隙，堆叠卡的尺寸因子。用户可以从左向右或从右向左滑动卡。特定卡上的信息将有所不同。该演示视频展示了如何在颤动中创建卡选择器。...它显示了flutter应用程序中使用card_selector软件包的卡选择器的工作方式。它显示了堆叠的卡片，动画，从左到右或从右到左刷卡。内容将根据卡而改变。...一个小部件，用于选择向左或向右滑动的堆叠小部件。它会显示在您的设备上。属性 **cardsGap：**此属性用于卡之间的间隙大小。...另外，我们将添加mainCardWidth表示列表中第一个元素的宽度，mainCardHeight表示列表中第一个元素的高度，onChanged表示要在更改后的卡片上执行的回调。

7.4K2 0

16个小的UI设计规则却能产生巨大的影响

3:1 确保文字的对比度为4.5:1 不要仅依赖颜色作为指示器使用单一的无衬线字体使用小写字母较高的字体限制大写字母的使用只使用常规和粗体字重避免使用纯黑色的文字左对齐文字正文行间距至少为...用2pt的笔触宽度和圆角勾勒出所有图标可以提高一致性，并赋予每个图标相似的视觉重量。...这使它们看起来像是可以交互的，尽管它们并非如此。移除图标的蓝色和按钮样式有助于避免它们被误认为是可以交互的元素。 4.创建清晰的视觉层次界面中的所有信息并非都有相同的重要性。...你可以使用大小、颜色、对比度、间距、位置和深度的变化来创建清晰的视觉层次。以下是一个没有明确视觉层次的网站英雄横幅示例，后面是一个按重要性顺序明确展示元素的示例。...字体是字体中的变化，如权重或大小。例如，Helvetica粗体和Helvetica常规体是Helvetica字体内的两种不同字体。

3642 0

【建议收藏】用AI快速生成一个网页（名侦探柯南~灰原哀主题网页），适合大学生web期末大作业

下面是提供给AI的提示词和AI给出的代码以及成果展示 1、生成一个网页导航栏，宽度为1300px，高度为60px。...导航栏的背景颜色为#D7719B，字体大小为24px，链接颜色为白色，鼠标悬停时菜单项背景色变为橙色。以下是使用 HTML 和 CSS 实现上述要求的导航栏的示例代码： HTML: <!...成果展示上述代码的效果 3、创建一个内容区域，宽1300px，包含两层，每层三张卡片，每张卡片中包含一张图片和一个标题和一段文字描述。...卡片水平均匀并排显示（间隔相同，左右贴到底），每张卡片的宽380px高500px，上下边距30px。卡片背景色为白色，边框为1px灰色实线，四角圆润。图片应占据卡片上半部分，大小适中，边缘圆角处理。...然后在这块区域外的下方30px额外创建一个页脚，和上面的区域无关，页脚宽1300px，高100px，内容是版权所有，背景色#D7719B，字体白色且上下左右居中好的，以下是使用 HTML 和 CSS

1511 0

fa关于代码

w';--卡片宽度 CardBackgroundColor='#FFFFFFFF';--卡片背景颜色 layout_height='48%h';--卡片高度 radius='17dp';--卡片圆角 layout_marginTop...{ Button;--纽扣控件 --text='这里是分界线';--要显示的文本 --textSize='0sp';--文字大小 --textColor='#00FFFFFF';--文字颜色...;--要显示的文本 textSize='15sp';--文字大小 textColor='#FF7B7B7B';--文字颜色 backgroundColor...layout_width='40%w';--卡片宽度 CardBackgroundColor='#D5007EF8';--卡片背景颜色 layout_height='40dp';--卡片高度...=点击监听,--动画效果 textSize='17sp';--文字大小 id="gx"; }; }; }; }; --定义一个提示函数 function 提示(内容) toasts=

5613 0

如何实现同等间隙的卡片布局

在列表展示中，经常会使用卡片的内容展示形式，为了美观，常常要求各卡片间的间隙是一致的。卡片内容不一样可能高度不等，但一般来说为了整体的一致性，会限制每个卡片的宽高都相等。...本文就基于宽高一致的多个卡片，在不同屏幕大小下，每行卡片数量可能有调整，考量如何实现等间隙的布局。点我预览 ?...放置一张张卡片项，为了设置间距，最常见的就是直接使用一个特定的margin值了，这种方式虽然可以（通过精确计算后确实也可以）直接设置一个间距，比如统一 margin-left 和 margin-bottom...看来并不够强大如果看得仔细，应该能看到项目7和8是挨在一起的，为何没有间距呢其一是因为没有margin-left值，其二是在项目列表后放了一个坑来占位，防止最后一行项目过少时 space-between...有了某种特定情况下的布局规则之后，接下来还要考虑不同屏幕大小的情况下，怎么调整这个margin值这个需要结合媒体查询来设定，同时相应的计算规则也可以通过scss来处理第一种情况是每行3个，n只可能为整数

1.2K2 1

折叠屏 ② | 华为资深专家深入解读折叠屏单页面布局设计

挪移效果内容从上下布局变为左右重复效果内容单列变为多列瀑布效果内容变为布局流形式相对拉伸布局特点：相对拉伸的特点是，页面内元素的显示宽度不是固定值，而是通过相对参照物的方式来确定其开始和结束的位置...，当布局的显示大小发生变化时，元素的显示宽度随之发生改变。...相对缩放布局特点：相对缩放的特点是布局内元素的显示大小不是固定值（比例锁定），而是通过相对参照物的方式来确定其宽或者高的参数，当布局的显示大小发生变化时，元素的大小随之发生改变。...重复效果布局特点：重复布局的特点是，利用屏幕的宽度优势，将相同属性的布局组件（例如：歌单列表，应用列表等），横向并列同时排布。适应场景：对于内容运营类列表信息，适合在⼤屏上展示更多内容。...适应场景：适合用卡片式呈现内容的场景，通过卡片的横纵扩展在⼤屏上展示更多内容。适配规则：可以定义单个组件的宽度规则，随着页面宽度的变化，⾃动计算可以重复的卡片个数。

1.5K2 0

纯血鸿蒙APP实战开发——自定义Swiper卡片预览效果实现

介绍本方案做的是采用Swiper组件实现容器视图居中完全展示，两边等长露出，并且跟手滑动效果。...如果所有子组件卡片大小一样，子组件内卡片居中展示即可实现效果。但是当子组件的卡片大小不一样时，无法通过简单的设置居中布局实现左右的等长露出。此时需要计算当前状态下的卡片的偏移量。...* 计算公式为：屏幕宽度 - Swiper两侧突出的偏移量 - 卡片自身的宽度。 * 此值即为卡片可偏移的最大值，也就是卡片右对齐的状态值。...* 易得公式：卡片实时偏移量 = （手指滑动长度 / 屏幕宽度） * 卡片最大可偏移量 + 当前偏移量。 * 之后的计算原理相同，将不再赘述。...├─utils │ ├─ Constants.ets // 常量数据写在最后如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：点赞，转发，有你们的『点赞和评论』，才是我创造的动力

1062 0

掌握这 7 个 CSS 技巧，代码效率秒提升

今天就把这些技巧整理分享给大家，让你应对需求时不用慌，写出既高效又美观的代码！ 1. 可调整大小的输入框业务场景：用户反馈表单用户填写长文本内容时，固定大小的输入框可能会影响用户体验。...为了解决这一问题，可以使用 CSS 的 resize 属性，让输入框支持大小调整，同时通过 overflow 确保内容不会溢出容器。...其他选项： overflow: auto 当内容超出输入框的尺寸时，自动添加滚动条，保证用户可以查看完整内容。没有设置 overflow，即使 resize 生效，超出的内容也可能会被裁剪。...新拟态设计业务场景：柔和的交互按钮新拟态设计是近年来的热门趋势，它通过模拟物体的光影效果，营造一种“柔软浮动”的视觉效果，非常适合按钮、卡片、开关等 UI 元素。...总结：clamp() 是响应式布局的利器，特别适用于表单、内容区域等动态宽度调整场景。 7.

1331 0

SD NAND应用存储功能描述（6）读写数据

宽总线选择/取消选择宽总线(4位总线宽度)操作模式可以使用AcMD6选择/取消选择。默认总线上电或GO IDLE (CMDO)后的宽度为1位总线宽度。...块读取块读取是面向块的数据传输。数据传输的基本单位是一个块，其最大大小始终为512字节。较小的块，其起始和结束地址完全包含在512字节边界内，可以传输。...下方图格定义了当局部块访问被启用时的卡片行为。如果不对齐的块是命令的第一个数据块(即在对命令的实际响应中报告了i.e.ADDRESS_ERROR)，则不传输数据，卡保持在TRAN状态。...*2:当Blocklen大小数据范围超过512字节的块边界时，卡片输出数据直到512字节的块边界，此时数据无效，也可能出现CRC错误。卡将在下一个命令响应中发送“ADDRESS_ERROR”。...这个过程可以通过适当的CMD和DATO-3线操作(断开忙卡)来完成。以上内容由杭州瀚海微整理

901 0

10 个你需要熟悉的 CSS3 属性

我还将应用一个通用的宽度和高度，因为我们没有任何实际的内容在播放。...观察当我们在 #main 内容区域明确声明宽度时会发生什么。...在垂直和水平方向调整大小。...固定正面参考上图；注意我们卡片的背面是如何默认显示的？这是因为，由于元素在标记中出现的位置较低，因此它会收到较高的 z-index. 让我们解决这个问题。...旋转卡片现在是有趣的部分; 当我们将鼠标悬停在卡片上时，它应该翻转并显示卡片的背面。为了达到这个效果，我们使用了转换和 rotateY 函数。

2.2K0 0

Mirages主题帮助文档

在编辑文章的时候右边（手机的话是下方）高级选项里可以选择密码保护或私密，密码保护的文章所有人都能看到，但需要输入密码后才能查看文章的标题和内容，私密则仅有自己可以看到，隐藏的话，所有人都不能在文章列表里看到...文章最大宽度字段名：contentWidth 设置文章或独立页面的最大宽度，当然一般情况下文章宽度就是你设置的值，除非受设备宽度限制。自定义 CSS 字段名：css 自定义 css。..., 默认(此项不填)和自定义主题主色调相同, 你可以自定义任何你喜欢的颜色, 但自定义主色调必须使用 Hex Color, 即#233333或#333的格式。...需要注意的是，过多的菜单栏会导致在较小宽度的浏览器下菜单一行显示不下而折行的问题，因此该值不建议修改。...衬线体对屏幕和渲染引擎的要求较高，但经测试，在低分屏 Windows 的主流浏览器（Chrome）上效果可以接受。

10.1K2 0

为什么我们不擅长 CSS

下面是正文~~ 许多开发人员一想到 CSS，就会想到彼得-格里芬（Peter Griffin）试图打开百叶窗。...简而言之，我们的想法是用单个类为单个组件设计样式，用实用工具类在不同上下文中组成或修改组件，并提供布局以保持页面之间和页面内部的一致性。酷酷的样子让我们重构 Tailwind 网站上的卡片示例。...这张卡片包含一个推荐信，但我们可能想在不同的上下文中使用这种卡片模式。我们的卡片不应关心其内部的内容。也就是说，在这个特定的卡片示例中，我们不会使用 .card- 对所有内容进行限定。...此外，由于我们使用的是 SCSS，因此我们可以在标记名上使用更多字数，因为无论如何，它们都会编译成更小的值。这个特定卡片中的内容包括一张图片和一个块状引文，使用 flexbox 水平排列。...因此，我们的 --width 属性实际上是设置了最大宽度，而宽度和高度都设置为自动，由图片的宽高比来决定。为了补偿这一点，我在文本容器中内联添加了一个 align-self: center。

2021 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭