Html Flexbox右侧的右侧空间

嘿，每当我使用display:flex时，我行的右侧都有一点空间。我怎样才能解决这个问题？只有在使用Firebug或其他工具的情况下，您才能在JSFIDLE中看到它有多好

我知道这是因为利润，但我需要利润

                <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>

---

之所以发生这种情况，是因为您的第二个（最后一个）输入元素有一个

右边距
为
5px
的边距，请将其删除，并根据需要删除：

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

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

更新

如果有多行，则需要从索引为偶数的元素中删除边距：

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

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

更灵活的方法是使用
auto
left margin（灵活项的处理方式与在块格式上下文中使用时略有不同）

这很有效，谢谢。但是还有别的办法吗？如果我有两行，它就不起作用了，因为它只适用于第二行的最后一个框。