我正在使用左浮动DIV来模拟两列布局(每个div包含用于编辑不同数据的文本字段,如名称,爱好,......).所以看起来应该是这样的
1 2
3 4
5 6
Run Code Online (Sandbox Code Playgroud)
现在我的div-box并不总是相同,因为有些DIV比其他DIV有更多的元素.现在我的布局看起来像这样
1 2
2
3 4
5 6
Run Code Online (Sandbox Code Playgroud)
如果您缩放,则还可以看到此示例的效果,以便仅显示四个或三个列.例如,如果连续显示4列,则Float 1和Float 6之间有很多空间.这在我的UI上看起来不太好.我想要的是Float 6跟Float 1之间没有空格(除了我定义的边距)
编辑:我的DIV基本上只包含一个浮点数:左边和宽度:40%,这样两个适合屏幕
这是一个截图显示更多 