Polymer 关于核心滚动头面板

我使用的是

核心滚动标题面板

组件，在我尝试向其中一个dom元素添加css样式之前，一切都很好。我的代码如下：

<core-scroll-header-panel>
<core-toolbar class="tall">
    <core-icon-button icon="menu"></core-icon-button>
    <div flex></div>
    <core-icon-button icon="search"></core-icon-button>
    <div class="bottom middle">
        this is my content
    </div>
</core-toolbar>
<div content>

</div>
</core-scroll-header-panel>

---

使我的

边距：0自动

不受影响，有什么想法吗？

您必须从外部修改样式，然后在主页上使用dom的阴影属性。希望这能解决您的问题

core-toolbar::shadow .middle{
margin: 0 auto
}

---

我已经通过使用

水平居中对齐布局解决了这个问题，但我仍然想知道如何用纯css的方式解决它。
core-toolbar::shadow .middle{
margin: 0 auto
}