Flexbox rechten Platz auf der rechten Seite

Question

Hey, wann immer ich Display: flex die rechte Seite meiner Zeile hat ein bisschen Platz. Wie kann ich das beheben? Sie können es nicht so gut in der Hand sehen, nur wenn Sie Firebug oder was auch immer verwenden.

https://jsfiddle.net/4wLhc2ke/1/

Ich weiß, sein wegen des Marge, aber ich brauche die Marge ..

   <div class="input-group" style="display: flex; justify-content: space-between; align-items: center;"> 
       <input type="text" class="tile-txt" placeholder="Box 1"> 
       <input type="text" class="tile-txt" placeholder="Box 2"> 
      </div> 

Answer 1

es geschieht, weil Ihr zweites (letztes) Eingangselement ein margin-right von 5px entfernen hat und es ‚ll werden, wie gewünscht: DEMO

.tile-txt:last-child{ 
    margin: 0 0 5px 0; 
} 

UPDATE

, wenn Sie mehr als eine Zeile haben Sie den Rand von den Elementen entfernen müssen, die ihr Index selbst ist: ein autoDEMO

.tile-txt:nth-child(even){ 
    margin: 0 0 5px 0; 
} 

Answer 2

Ein flex Ansatz wäre die Verwendung linker Rand (Flex-Elemente behandeln auto margins ein bisschen anders als bei der Verwendung in einem Block Formatierungskontext).

.right-part { 
    margin-left: auto; 
} 

Updated fiddle