删除HTML / CSS切片之间的奇怪间距

Question

这是间距看起来的截图，我正在寻找一种显示模式，使所有东西都适合他们可以在没有新线条的情况下完成。

这就是它的样子，但理想情况下我希望左侧没有间隙

我只是在寻找一个显示设置来解决问题（例如显示：无论如何;）

感谢任何帮助; D

Answer 1

如果你正在使用 Bootstrap ，你可以让顶行的面板适合

<div class="row">

您想要的下一行需要在另一行＆＃34;行＆＃34;类。代码看起来像这样：

<div class="row">
  <div id="one" class="col-sm-2 panel panel-default">
    <div id="oskartommy"></div>
  </div>
  <div id="two" class="col-sm-2 panel panel-default">
    <div id="rorum"></div>
  </div>
  <div id="three" class="col-sm-2 panel panel-default">
    <div id="itsaka"></div>
  </div>
  <div id="four" class="col-sm-2 panel panel-default">
    <div id="mylittle"></div>
  </div>
  <div id="four" class="col-sm-2 panel panel-default">
    <div id="meow"></div>
  </div>
  <div id="six" class="col-sm-2 panel panel-default">
    <div id="lil_toxic"></div>
  </div>
</div>

<div class="row">
  <div id="one" class="col-sm-2 panel panel-default">
    <div id="joa"></div>
  </div>
  <div id="two" class="col-sm-2 panel panel-default">
    <div id="oskatommy"></div>
  </div>
  <div id="three" class="col-sm-2 panel panel-default">
    <div id="bausz"></div>
  </div>
  <div id="four" class="col-sm-2 panel panel-default">
    <div id="bntlol"></div>
  </div>
  <div id="four" class="col-sm-2 panel panel-default">
    <div id="flom"></div>
  </div>
  <div id="six" class="col-sm-2 panel panel-default">
    <div id="m0ew_tv"></div>
  </div>
</div>

尝试使用类似的东西来组织面板。我将所有列2列宽均匀分布，但您可以重新排列，但需要使用12列响应网格系统。