在不使用边距/填充的情况下在div中的内容之间提供间距的最佳方法?

时间:2016-04-18 08:31:24

标签: html css

我希望有以下布局: -

过滤器:过滤器1< ---->过滤器2< ---->过滤器3< ----> ...

所以目前我已经使用无序列表实现了这一点,并且给每个li元素赋予了填充权,但是在编写媒体查询时,很难为每个设备提供填充。

有没有办法在不使用保证金/填充的情况下实现这一目标?

1 个答案:

答案 0 :(得分:0)

你可以使用flex,或者你可以将它们全部display:inline;并赋予<ul>样式:

text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;

这是一个演示,显示我的意思是使用拉伸来响应: http://jsfiddle.net/vevgnev9/