0

以下は、3 列のカテゴリとサブカテゴリのリストを作成します。

ただし、サブカテゴリが列の一番上にある場合もあります。Amazon のように、トップ レベルのカテゴリが常に列の一番上にあるようにするにはどうすればよいですか。 0706628

<ul style=" -webkit-column-count: 3; margin-top:50px;">
{% for cat in topcats %}
<li><a href="/parts/{{cat.id}}/dir/" style="text-decoration:none;font-size:18px;color:#FF761A;">{{cat.category}} </a>
{% for key, value in subcats.items %}
{% if key == cat %}
        {% for eachsubcat in value %}
        <h5 class="inline"><a href ="/parts/{{eachsubcat.id}}/dir/" style="text-decoration:none;">{{ eachsubcat }}</a></h5>
        <br>
        {% endfor %}
        <br>
        {% endif %}
        {% endfor %}
</li>
{% endfor %}
</ul>

更新: これが私の JSFiddle コードです - http://jsfiddle.net/X6ay3/

4

1 に答える 1

0 
    <ul style=" -webkit-column-count: 3; margin-top:50px;">
    {% for cat in topcats %}
    <li>
<a href="/parts/{{cat.id}}/dir/" style="text-decoration:none;font-size:18px;color:#FF761A;">{{cat.category}} </a>
    {% for key, value in subcats.items %}
    {% if key == cat %}
            {% for eachsubcat in value %}
            <h5 class="inline"><a href ="/parts/{{eachsubcat.id}}/dir/" style="text-decoration:none;">{{ eachsubcat }}</a></h5>
            <br>
            {% endfor %}
            <br>
            {% endif %}
            {% endfor %}
    {% endfor %}
    </li> <!-- missing li-->
    </ul>
于 2013-08-12T14:48:40.247 に答える