Question

我想在HTML中并排放置2个输入div，使用平面ui和bootstrap。我目前有这个

func fetch(completion block:(() -> Void)?) {
    // Run fetch on background thread, to prevent the main thread (and hence your UI) from being 'blocked'.
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), {

        //
        // Fetch data...
        //

        dispatch_async(dispatch_get_main_queue(), {
            block?()
        })
    })
}

fetch(completion: {
    // Update your UI
})

使用上面的代码，我可以实现下面的图像，但是一旦我用输入框替换了按钮/下拉列表，它们会相互堆叠。

所以基本上我想要两个输入并排没有间距

Currently acchieving this

Answer 1

您可以使用flexbox来实现此目的。通过使用flexbox you may loose some browser support但你可以避免像删除元素之间的填充或边距这样的黑客方法。

在这种情况下，您必须将display: flex添加到输入组。

这是示例小提琴：

https://jsfiddle.net/0g3wLohL/1/

两个输入标签并排没有间距

1 个答案: