Как позиционируют <paper-input> с горизонтально

Question

Я хотел бы расположить два <paper-input> сек по горизонтали, как это:

Как я могу это сделать?

Answer 1

У вас возникли проблемы с решением проблемы. Самое простое - добавить класс CSS к вашему элементу ввода, который должен содержать правило display:inline-block.

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

и применить класс к <paper-input> с:

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

Answer 2

Polymer способом сделать это является iron-flex-layout элемента.

При его использовании заботиться об этой записке от документации:

... Вы должны сделать это в любом элементе, который использует любой из железа Flex-макета стилей.

Итак, после всего импорта (элемент & стиль), он должен выглядеть следующим образом:

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