どのように配置する<paper-input>の水平

Question

は、私はこのように水平に2つの<paper-input> Sを配置したいと思います：

を私はそれを行うにはどうすればよいですか？

Answer 1

問題を解決する方法はいくつかあります。最も簡単なのは、input要素に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要素です。

ドキュメントからこのノートの世話をし、それを使用して：

は...あなたは鉄フレックスレイアウト スタイルのいずれかを使用するすべての要素でこれを行う必要があります。

だから、すべて輸入（要素&スタイル）の後に、それはこのようになります。

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