html - 删除 HTML/CSS 瓦片之间的奇数间距

Question

这是间距的截图，我正在寻找一种显示模式，以使所有内容都适合他们可以在没有新行的情况下。

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

我只是在寻找一个显示设置来解决问题（例如 display: 不管 ; ）

任何帮助表示赞赏;D

Answer 1

如果您使用的是Bootstrap，则可以使顶行面板适合

<div class="row">

您想要的下一行需要在另一个“行”类中。代码应如下所示：

<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 列响应式网格系统重新排列，但是您需要。