我正在开发一个需要这种布局的小部件:
让我们假设上面显示的每个项目都是相同的小部件,但整体宽度不同。
深绿色部分是小部件项目,排列在特定宽度的列中。
我的问题是在每列之间实现液体间距,即浅绿色区域。
另请注意,当小部件无法容纳每个项目时,它会将它们扔到下一行 - 通常使用 CSS 实现float:left
。
重要的是,这仍然是流动的,因为小部件宽度会根据窗口宽度而变化。
编辑:我需要的似乎是证明跨度元素(而不是文本)。我尝试使用 CSS text-align: justify;
,但失败了。