Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
                        
                        4年前关闭。
                                                                                            
                
        
这是间距看起来的屏幕截图,我正在寻找一种显示模式,以使所有内容都适合他们的位置,而无需制作新行。
html - 删除HTML/CSS磁贴之间的奇数间距-LMLPHP

这是它的外观,但理想情况下,我希望左侧没有间隙

我只是在寻找一种显示设置来解决此问题(例如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列响应式网格系统。

09-16 09:10
查看更多