如何使div具有相同的大小

穆罕默德·哈瓦斯

我怎样才能使所有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

在此处输入图片说明

阿斯蒂克·阿南德

您所做的方式将仅生成相同大小的div。

但随后你忘记</div>for循环里面了。

修复将为您工作。

{% 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 %}                  

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使div列具有相同的高度?

我如何使一个div在该div中具有相同的图像大小?但整个网站上所有图片的大小仍然一致吗?

如何使数据框中的每个组具有相同的大小?

如何删除具有相同大小和日期的重复文件?

如何在不同的div列和不同的行高中制作2个表具有相同的表大小

如何在缩小尺寸时保持图像和 div 文本框的大小相同并具有响应性?

如何确保包含跨度的 div 具有 div 的大小

Angular.js-当一个子div的大小通过ng-repeat动态增加时,如何使子div具有相同的高度

与div具有相同的高度

如何使包含图像的 div 具有固定大小?

如何获得具有相同结构的每个div的图像src?

如何分别计算具有相同类的div的pageX,pageY

如何仅使用CSS使div组具有相同的宽度?

如何使用flexbox属性使div具有相同的高度?

如何使用Puppeteer遍历具有相同类的div

如何通过querySelector更改具有相同类的多个div

如何使父子 div 具有相同的響應高度

具有相同大小矩阵的多维数组

箭袋matplotlib:具有相同大小的箭头

重复的表格值具有相同的大小

如何为 2 个子 div 添加包装 div(所有子 div 具有相同的类)

调整大小文档后,新的内容作为具有相同的大小。如何在ByteArrayOutputStream保存新的大小?

如何在UNIX Shell脚本中添加具有相同名称的所有文件的大小

puppeteer - 如何从具有多个具有相同类的 div 的页面中提取内容

如何在与文本大小相关的多个div之间具有不同的边框大小?

如何在具有相同类的多个 HTML div 上使用相同的 javascript 函数

如何具有相同的矩形?

如何使用matplotlib使每个轴上具有不同范围的子图具有相同的图形大小?

如何使用flexbox css使卡片项目始终具有相同的大小