Menu 聚合物1.0如何使用垂直菜单

m布局代码：

<style>
    paper-item{
        background-color: #EBEBEB;
        width : 100%;
        padding:20px;
        color : #252525;
        font-size: 13px;
        font-family: "RobotoDraft",Helvetica,Arial,sans-serif;
          font-weight: 300;
          line-height: 24px;
    }
</style>

<dom-module id="m-layout" >
<template>
    <!-- Drawer Menu -->
    <paper-drawer-panel>
      <paper-header-panel navigation flex drawer style="background-color : #EBEBEB">
        <paper-material elevation="1">
            <paper-toolbar style="color : #252525; background-color : #EBEBEB;" >
              <div flex style="text-align: center;">ID</div>
            </paper-toolbar>
        </paper-material>

        <!-- Menu -->
        <div vertical layout style="height:400px" >
          <paper-menu>
            <paper-item>Notice</paper-item>
            <paper-item>Lecture</paper-item>
          </paper-menu>      
        </div>
      </paper-header-panel>

    <!-- Main -->
    <paper-header-panel main>
      <paper-toolbar style="background-color : #259DFF">
        <paper-icon-button icon="menu" style="color: white;" paper-drawer-toggle></paper-icon-button>
         <div>Title</div>
        </paper-toolbar>
      <div style ="padding:20px; color : #252525;"> Main content... </div>
    </paper-header-panel>

   </paper-drawer-panel>
</template>
</dom-module>

纸品{
背景色：#ebebebeb；
宽度：100%；
填充：20px；
颜色：252525；
字体大小：13px；
字体系列：“RobotoDraft”，Helvetica，Arial，无衬线；
字体大小：300；
线高：24px；
}
身份证件
注意
演讲
标题
主要内容。。。

我想要垂直抽屉菜单，但纸张项目中的宽度属性不适用。 我在菜单中应用垂直布局。。。 我试图继续，但失败了。。。。抽屉菜单项位于水平位置

这是第一次网络学习&聚合物。。。。我懂一些装腔作势。。

---

如何创建垂直菜单？

将

样式

标记放入

dom模块

中。此外，布局属性（如

flex

、

vertical

、

center

等）在Polymer 1.0中不再存在。尝试使用。要使用与以前可用的属性相关的CSS属性，请尝试查看。