响应地浮动元素以使它们平稳地移动

时间:2015-12-06 03:40:46

标签: html css html5 css3

我试图将它们相对地放在彼此之下而不管大小而没有空格。

myRestApiResource.save(params, postData)
  .then(function(res) { /* success handler */ })
  .catch(function(res) {
    var error = res.data.error;
    if (error && error.position) {
      var start = error.position;
      var end = start + vm.text.substr(start).search(/(\W|$)/);
      vm.selection = {start: start, end: end};
    }
  });

这是JSFiddle的链接,看看我的意思。这是一个推荐页面,我试图让每个元素彼此平滑地浮动(并排,上下都没有留下任何间隙,除了边缘。) 我希望得到任何形式的帮助。

http://jsfiddle.net/9alamdev/zj93wn5p/

1 个答案:

答案 0 :(得分:1)

如果您想使用固定宽度元素创建响应式体验,则需要使用媒体查询调整元素的宽度。一种更简单的方法是使用百分比,尽管您可能仍需要使用媒体查询来完善它。因此,在.paragraph-content-testimonials上将宽度更改为百分比。然后删除空格,您需要删除边距。我更新了你的小提琴。

http://jsfiddle.net/zj93wn5p/13/