我的HTML中有一个div容器,它显示了来自多伦多星报的10个解析标题的列表。我希望能够在如下所示的重复网格中显示它们:
下面是我拥有的django模板:
<div id="container">
<div class="containers">
{% for n, i in toronto %}
<center><img src="{{i}}"></center>
<h3>{{n}}</h3>
{% endfor %}
我使用了一个响应性的三栅格布局。假设每个网格都是33%的宽度,如果一个网格/div是空的,我希望其他两个扩展到50%的宽度,如果2个网格/div是空的,我希望剩下的一个是100%的宽度。它能完全由CSS来完成吗?
<div class="section group">
<div class="col span_1_of_3">
This is column 1
</div>
<div class="col span_1_of_3">
This is colum