户通常希望选择向组件添加多个链接这给我们带来了一些其他选择：如何布置几个超链接？我们是将它们逐面排列（图 8），还是垂直堆叠（图 8a）？ 通过方面放置多个链接 图八。 （巨大的预览） 垂直排列的多个超链接 图8a。 （海量预览） 我们将如何解决长度差异很大的超链接标题？一个令人满意的技巧是将两个超链接的宽度设置为最长链接的最大宽度（图 9）。 （本文最简单地介绍了这一点。）这适用于垂直堆叠的按钮，而水平设置它们则为我们提供了更多选择（图 9a）。 两个超链接的宽度均设置为最长超链接的最大宽度 图 9（大预览） 按钮水平布局组件 图9a。
大预览 我们是否需要辅助链接模式来区
分它们？这些都是需要考虑的问题。 具有特殊图案，便于区分链接 我们选择添加辅助超链接样式来帮助区分超链接。 （海量预览） 我们可能 Whatsapp手机号码列表 还需要记住（在单个链接的情况下）该链接的可点击区域是否必须真正体现整个问题 – 以便消费者可以点击其上的任何位置来启动超链接。这种愿望还可能依赖于更广泛的背景。毫无疑问，这在完全基于卡片的 UI 中很常见。 视频 滚动捕捉的关键位置是它告诉浏览器在哪个过程中发生捕捉以及发生的方式； scroll-snap-align ，它告诉浏览器在哪里对齐。 引入了新功能来帮助调试这些关键房屋： 如果元素使用“定义滚动对齐方式”scroll-snap-kind，“元素”面板将在其旁边显示一个徽章。 Chrome DevTools 的 Elements 面板的屏幕截图，显示 DOM 树内的滚动捕。
捉徽章 滚动捕捉徽章有利于快速定位定义
滚动捕捉的元素巨大的预览） 您可以单击滚动捕捉徽章以启用全新的叠加层。当您这样做时，页面上可能会突出显示某些内容： 滚动 B2C 电话列表 集装箱, 项目在容器内滚动， 对象对齐的位置（用蓝点标记）。 此叠加层使您可以在滚动后轻松查看事物是否以及如何卡入到位。例如，当您的项目没有任何背景并且很难查看它们之间的边界时，这可能很有用。 Chrome DevTools 的 Elements 面板的屏幕截图，显示了已启用的滚动捕捉徽章以及在网页中起作用的叠加层 突出显示属于滚动捕捉容器一部分的项目。 （海量预览） 虽然滚动对齐不是一个新的 CSS 特性，但采用率相当低（根据 ，远低于 4%），而且由于规范已修改，每个浏览器不再以相同的方式支持协作 在讨论其他浏览器有什么之前，我们先来交流一是一个开源项目 和其他浏览器均基于该项目构建。
