私は、ポリマーサイトを構築しようとしていると私はここで、中心

Question

で鉄 - 画像要素を設定する方法を疑問に思ってすることは私のコードは、これはコードの出力である

<iron-image style="width:500px; height:400px; background-color: lightgray;" 
    sizing="cover" preload fade src="images/1.jpg"></iron-image> 
<iron-image style="width:500px; height:400px; background-color: lightgray;" 
    sizing="cover" preload fade src="images/2.jpg"></iron-image> 

で、私がしようとしています中央にそれを作る：

Answer 1

使用鉄フレックスレイアウト

<custom-style> 
    <style is="custom-style"> 
    .flex-center-justified { 
     @apply --layout-horizontal; 
     @apply --layout-center-justified; 
    } 
    </style> 
</custom-style> 

<div class="container flex-center-justified"> 
    <iron-image style="width:500px; height:400px; background-color: lightgray;" 
    sizing="cover" preload fade src="images/1.jpg"></iron-image> 
    <iron-image style="width:500px; height:400px; background-color: lightgray;" 
    sizing="cover" preload fade src="images/2.jpg"></iron-image> 
</div>