[英]“core-header-panel” element of Polymer is not showing text inside content Div
我在应用程序中使用了Polymer的“ core-header-panel”元素,但是不确定为什么div中的内容不可见。
完整代码-http://jsfiddle.net/ilovenagpur/5rm4eznm/1/
请建议如果我在这里缺少什么。
代码段:
<body fullbleed unresolved vertical layout>
<core-header-panel >
<core-toolbar class="medium-tall">
<div flex>I am Heading</div>
<core-icon-button icon="search"></core-icon-button>
<paper-tabs class="bottom fit" selected="0">
<paper-tab>This Week</paper-tab>
<paper-tab>Next Week</paper-tab>
<paper-tab>History</paper-tab>
</paper-tabs>
</core-toolbar>
<div class="content">
THIS <br />
COMPONENT <br />
IS NOT <br />
VISIBLE <br />
THIS <br />
COMPONENT <br />
IS NOT <br />
VISIBLE <br />
THIS <br />
COMPONENT <br />
IS NOT <br />
VISIBLE <br />
THIS <br />
COMPONENT <br />
IS NOT <br />
VISIBLE <br />
<footer layout vertical center>
<div >I am footer</div>
</footer>
</div>
</core-header-panel>
</body>
通过此页面上的第二视频:
core-header-panel
本身和父core-header-panel
(代码中的body
)都需要一个显式的高度集。
因此,我想您可能想尝试<core-header-panel flex>
更新:
我尝试了您的代码,问题出在您的样式表中。
这些“不可见”文本实际上位于核心工具栏下方。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.