Closed. This question is off-topic。它当前不接受答案。
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
4年前关闭。
这是间距看起来的屏幕截图,我正在寻找一种显示模式,以使所有内容都适合他们的位置,而无需制作新行。
![html - 删除HTML/CSS磁贴之间的奇数间距-LMLPHP html - 删除HTML/CSS磁贴之间的奇数间距-LMLPHP]()
这是它的外观,但理想情况下,我希望左侧没有间隙
我只是在寻找一种显示设置来解决此问题(例如display:what;)
任何帮助表示赞赏; D
所需的下一行需要放在另一个“行”类中。代码应如下所示:
尝试使用类似的方法来组织面板。我将所有列的2列宽度设置为均匀分布,但是您可以重新排列,但是需要使用12列响应式网格系统。
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
4年前关闭。
这是间距看起来的屏幕截图,我正在寻找一种显示模式,以使所有内容都适合他们的位置,而无需制作新行。
这是它的外观,但理想情况下,我希望左侧没有间隙
我只是在寻找一种显示设置来解决此问题(例如display:what;)
任何帮助表示赞赏; D
最佳答案
如果您使用的是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列响应式网格系统。