擅长:python、mysql、java
<p>我可以谈谈你的HTML/CSS格式问题。<code>col-sm-4</code>告诉我您使用的是Bootstrap,它按照12列宽度定义布局。引导将始终尝试使所有行的with等于12。在</p>
<p>现在,您在所有对象上循环并添加n列,每个列的宽度为<code>col-sm-4</code>。boosttrap试图确保每一个都占到行的三分之一,但是添加的div超过了3个div,这超过了12个列宽。一旦专栏文章满了(从第4条新闻开始),Bootstrap会尽可能地将div移到{<cd3>}的顶部,同时仍然遵循宽度只能是12的规则。在</p>
<p>在图中的例子中,引导程序偏移了div的第4个和第5个,因为偏移允许它们更接近<code>row</code>的顶部。在</p>
<p>要解决这个问题,您需要将每组三个新闻条目放在自己的行中,这样您的3<code>col-sm-4</code>div的总宽度为12。在</p>