首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使聚合物应用网格可点击

如何使聚合物应用网格可点击
EN

Stack Overflow用户
提问于 2016-11-11 09:56:16
回答 1查看 179关注 0票数 0

如何使聚合物网格项目在材料设计规范(主要作用)中成为“href”?这是到材料设计规范:https://material.google.com/components/grid-lists.html#grid-lists-content的链接。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-11-11 13:11:12

你读过文档吗?可以将div用作许多a链接的容器,如下所示:

代码语言:javascript
运行
复制
<dom-module id="grid-test">
  <template>
    <style include="app-grid-style">
      :host {
        --app-grid-columns: 3;
        --app-grid-item-height: 100px;
      }

      div {
        padding: 0;
        list-style: none;
      }

      .item {
        background-color: white;
        border: 1px solid black;
      }
    </style>

    <div class="app-grid">
      <a href="#" class="item">1</a>
      <a href="#" class="item">2</a>
      <a href="#" class="item">3</a>
      <a href="#" class="item">4</a>
      <a href="#" class="item">5</a>
      <a href="#" class="item">6</a>
      <a href="#" class="item">7</a>
      <a href="#" class="item">8</a>
      <a href="#" class="item">9</a>
      <a href="#" class="item">10</a>
      <a href="#" class="item">11</a>
      <a href="#" class="item">12</a>
      <a href="#" class="item">13</a>
      <a href="#" class="item">14</a>
    </div>
  </template>
  <script>
    Polymer({
      is: "grid-test"
    });
  </script>
</dom-module>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40545397

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档