如何使 div 大小相同

Question

我怎样才能使所有的 div 大小相同

我正在使用 django ??

 <div class="row text-left">

                    {% for meg in objj %}
                    <div class="col-lg-6 col-md-12">

                        <!--Image-->
                        <div class="view overlay rounded z-depth-1-half mb-3">
                            <img src="{{ meg.img.url }}" class="img-fluid" alt="Sample post image" height="100%"
                                width="150%">
                            <a>
                                <div class="mask rgba-white-slight"></div>
                            </a>


                    {% endfor %}

型号：

class News(models.Model):
    title = models.CharField(max_length=250)
    body = models.TextField()
    img = models.ImageField(upload_to='media/')

    def __str__(self):
        return self.title

enter image description here

Answer 1

按照你的方式，它只会生成相同大小的 div。

但是你忘记了 for 循环中的</div>。

解决这个问题对你有用。

{% for meg in objj %}
<div class="col-lg-6 col-md-12">
    <!--Image-->
    <div class="view overlay rounded z-depth-1-half mb-3">
        <img src="{{ meg.img.url }}" class="img-fluid" alt="Sample post image" height="100%"
            width="150%">
        <a>
            <div class="mask rgba-white-slight"></div>
        </a>
    <!---- !!!!!!!! you are missing the below 2 closing divs --->
    </div>
</div>
{% endfor %}