如何水平放置<纸张输入>

Question

我想像这样水平放置两个<paper-input>：

我该怎么做？

Answer 1

您的问题有几种解决方案。最简单的方法是在输入元素中添加一个CSS类，该类应包含display:inline-block规则。

.inline-element {
    display: inline-block;
}

将您的课程应用于<paper-input> s：

<paper-input label="Email" class="inline-element"></paper-input>
<paper-input label="Sub ID" class="inline-element"></paper-input>

Answer 2

聚合方式是iron-flex-layout元素。

使用时请注意文档中的这个说明：

  

...您必须在任何使用任何iron-flex-layout的元素中执行此操作   样式。

因此，在所有导入（元素和样式）之后，它应该如下所示：

<div class="layout horizontal">
        <paper-input label="Email"></paper-input>
        <paper-input label="ID"></paper-input>
</div>