2
我有Django的字典一個大名單查看如下：配售DIV與浮動
'description': [
{
'name': 'Onderdelen',
'good': ['Motor', 'Versnellingsbak', 'Koppeling', 'Carburatie - injectie - Diesel injectie + verstuivers'],
'trace_of_use': ['Differentieel', 'Batterij', 'Radiator', 'Alternator', 'Startmotor'],
'to_repair': ['Cardanhoezen', 'Uitlaat', 'Aandrijfriemen van accessoires'],
},
{
'name': 'Wielen en banden',
'good': ['Staat van de banden', 'Reservewiel'],
'trace_of_use': ['Krik'],
'to_repair': [],
},
{
'name': 'Verlichtimi: en signalisatie',
'good': ['Kruislichten', 'Grootlichten', 'Mistlichten vooraan', 'Suoolementaire verlichting',
'Standlichten', 'Richtingaanwiizers', 'Alarrn(signaal)', 'Stoolichten', 'Nummerplaatverlichting'],
'trace_of_use': ['Krik'],
'to_repair': ['Mistachterlicht', 'Achteruitri ilicht', 'Enkeltonige claxon',
'instrurnentenbord : verlichting en lampjes'],
},
{
'name': 'Uitrustinegen',
'good': ['Zetels', 'Gordels', 'Stuurwiel', 'Brandblusser', 'Verbanddoos', 'Airconditioning',
'Audio installatie (ootioneel)', 'Elektrische ruiten', 'Centrale vergrendeling'],
'trace_of_use': ['Ruitenwisser en ruitensproeier vooraan', 'Binnen- en buitenspiegels',
'Alarmsvsteem (optioneel)'],
'to_repair': ['Ooendak', 'Reservewielhouder + druk van het reservewiel',
'Aanhangwagenkopoeling (ootioneel', 'Gevarendriehoek'],
},
{
'name': 'Beglazing - carrosserie',
'good': ['Voorruit en beglazing', 'Deuren en kofferdeksel', 'Motorkao', 'Soatborden',
'Bumpers -afdekplaten', 'Reflectoren achterlichten', 'Laadbak -cabine (bedrijfsvoertuig'],
'trace_of_use': [],
'to_repair': [],
},
{
'name': 'Remmen - stuurinrichting',
'good': ['Bedriifsrem', 'Handrem', 'Remvloeistofreservoir', 'Hoofdremcilinder', 'Rembekrachtiging',
'Sturbekrachtiging', 'Staal van rem- en stuurleidingen', 'Vloeistofreservoir stuurbekrachtiging',
'Remblokken', 'Remschijven', 'Remzadels', 'Remkrachtverdelers', 'Handremkabel', 'Stuurhuis',
'Reactiestangen stuurinrichting'],
'trace_of_use': [],
'to_repair': [],
},
{
'name': 'Verbindingen met het wegdek - assen',
'good': ['Voortrein', 'Achtertrein', 'Veren', 'Staal schokdempers', 'Wielnaven', 'Wiellagerhuis',
'Wiellagers', 'Driehoeksophanging', 'Reactiestangen', 'Silentblocs', 'Kogelgewrichten',
'Stabilisatiestang(en)', 'Silentblocs motor en versnellingsbak'],
'trace_of_use': [],
'to_repair': [],
},
{
'name': 'Bouw - carrosserie',
'good': ['Langsliggers - dwarsliggers', 'Bodem', 'Hulpchassis', 'Wieldoorgangen', 'Stijlen', 'Kale carrosserie', 'Chassis', 'Onderziide'],
'trace_of_use': ['Kogelgewrichten stuurinrichting'],
'to_repair': [],
},
{
'name': 'Verontreiniging;',
'good': ['Uitlaatgassentest'],
'trace_of_use': [],
'to_repair': [],
}
]
在我的模板我試圖遍歷該列表如下：
{% for description in car.description %}
<div class="wrapper width-50 {% cycle 'pad-rgh pull-left' 'pad-lft pull-right' %}">
<div class="title-description text-center clear-float">
<div class="width-10 pad-half secondary-bg">{{ forloop.counter }}</div>
<div class="width-55 text-left pad-half primary-bg">{{ description.name }}</div>
<div class="width-10 pad-half secondary-bg">1</div>
<div class="width-10 pad-half secondary-bg bord-hor">2</div>
<div class="width-10 pad-half secondary-bg">3</div>
</div>
{% for good in description.good %}
<div class="content">
<div class="item-description clear-float">
<div class="width-55 pad-half" style="margin-left: 10%">{{ good }}</div>
<div class="width-10 pad-half text-center">1</div>
<div class="width-10 pad-half text-center"> </div>
<div class="width-10 pad-half text-center"> </div>
</div>
</div>
{% endfor %}
{% for trace_of_use in description.trace_of_use %}
<div class="content">
<div class="item-description clear-float">
<div class="width-55 pad-half" style="margin-left: 10%">{{ trace_of_use }}</div>
<div class="width-10 pad-half text-center"> </div>
<div class="width-10 pad-half text-center">1</div>
<div class="width-10 pad-half text-center"> </div>
</div>
</div>
{% endfor %}
{% for to_repair in description.to_repair %}
<div class="content">
<div class="item-description clear-float">
<div class="width-55 pad-half" style="margin-left: 10%">{{ to_repair }}</div>
<div class="width-10 pad-half text-center"> </div>
<div class="width-10 pad-half text-center"> </div>
<div class="width-10 pad-half text-center">1</div>
</div>
</div>
{% endfor %}
</div>
{% if forloop.counter|divisibleby:2 %} <div class="clear-float"></div> {% endif %}
{% endfor %}
的結果我得到的是如下：
我想表明它沒有div之間的空白區域。因此，像這樣的：
任何意見，如何做到這一點？
也許我在這裏失去了這一點，但你想知道其間的整個左側VS的空間整個右側？他們之間的差距？ – Keith