html模板 循环里if,django模板里循环变量table里想要两个一行如何控制

2016-8-3 周三

做项目时遇到的问题:

每个div由循环变量输出:

{% for key,value in formextenddetail %}

{{ key }}

{{ value }}

{% endfor %}

但是我想两个div一行,使用

...

这种样子

因为我负责的是前端,views这些不是很熟悉,想在template里直接控制,搜一下发现居然还不用直接用乘除或者mod计算,囧。

参考文章:http://blog.csdn.net/rain_qingtian/article/details/41076151

容易知道,Django模版加法:

{{ value|add:10}}

value=5,则返回15 Django模版减法:

{{value|add:-10}}

value=5,则返回-5,这个比较好理解,减法就是加一个负数 Django模版乘法:

{% widthratio5 1 100 %}

上面的代码表示:5/1 *100,返回500,widthratio需要三个参数,它会使用 参数1/参数2*参数3,所以要进行乘法的话,就将参数2=1即可 Django模版除法

{% widthratio5 100 1 %}

上面的代码表示:5/100*1,返回0.05,只需要将第三个参数设置为1即可。

但是这些方法用在除余很麻烦。

解决方案:divisibleby标签!

用django的divisibleby标签实现,如下:

{% for each in somelist %}

{% if forloop.counter|divisibleby:2 %}

{% else %}

{% endif %}

{% endfor %}

divisibleby标签的意义是用后面的参数去除,除尽为True,否则为False。

所以,我的代码改为:

{% for key,value in formextenddetail %}

{% if forloop.counter|divisibleby:'2' %}

{{ key }}

{{ value }}

{% else %}

{{ key }}

{{ value }}

{% endif %}

{% endfor %}

这个解决方案同样可以用在换行变样式的情况等!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/277183.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ASP.NET Core Windows 环境配置 - ASP.NET Core 基础教程 - 简单教程,简单编程

原文:ASP.NET Core Windows 环境配置 - ASP.NET Core 基础教程 - 简单教程,简单编程 ASP.NET Core Windows 环境配置 ASP.NET Core 是对 ASP.NET 有重大意义的一次重新设计。本章节我们将介绍 ASP.NET Core 中的一些新的概念和它们是如何帮助我们开发现代化的 Web 应…

Prim算法求最小生成树

给定一个n个点m条边的无向图,图中可能存在重边和自环,边权可能为负数。 求最小生成树的树边权重之和,如果最小生成树不存在则输出impossible。 给定一张边带权的无向图G(V, E),其中V表示图中点的集合,E表示图中边的集合…

用installshield打包的asp.net程序

现在需要打包一个asp.net程序,具体要求如下:1、动态建立web虚拟目录或web站点,并保存至web.config文件相关字段中。2、动态建立ftp目录,并保存至web.config文件相关字段中。3、动态建立数据库联接类型sql或oracle,对sq…

合肥工业大学计算机学院王院长,王青山(合肥工业大学教授)_百度百科

王青山(合肥工业大学教授)语音编辑锁定讨论上传视频本词条缺少概述图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧!王青山,中国汉族人,合肥工业大学教授,现任中国计算机学会、ACM、IEE…

go 中gcc 编译问题(gcc.exe fatal error no input files compilation terminated)

2019独角兽企业重金招聘Python工程师标准>>> 问题背景 在windows 中编译 go 的pipe时由于pipe依赖sqlite,需要通过cgo进行编译。出现如下异常 gcc.exe fatal error no input files compilation terminated 问题分析 由于 windows中缺少c 的编译环境 解决…

35岁以前把下面十件事做好

35岁是青春的后期,35岁以后是收获的季节,如果你没有资格说这句话,你将会憎恨自己。所以在35岁以前,在烂漫蓬勃的青春年华里,你最好把下面十件事做好: 第一,学会本行业所需要的一切知识并有所发展…

XCode 10 升级问题总结

一、 library not found for -lstdc.6.0.9 xcode 10 中删除了内置 libstdc.6.0.9.tbd,工程中一些SDK依赖这个库,需要把xcode 9.4 的libstdc.6.0.9.tbd 添加到xcode中,重启xcode。 libstdc.6.0.9.tbd 的下载地址:libstdc.6.0.9 真机…

重心转移

做了好些时候的题了,发现做题对身体的摧残比普通的写代码还要重的多,为了我的眼睛,还是不要那么卖命的做ACM了,反正这个假期还算是比较有收获。而且,在没有指导老师的帮助下做难题,根本就是一条艰巨异常的路…

ArcEngine开发体验(附许可)

ArcGIS Engine Developer Guide ArcGIS9.0开发文档《Engine_Developers_Guide.pdf》376 ,花了两三天看完了。guide特点:1 guide里面的基础性的东西很多,涉及com开发应用,开发语言,环境和ao架构介绍的内容2 介绍.net开发…

安装mysql-connector-python-8.0.11-py3.6遇到问题

1.提示“This application requires Visual Studio 2015 Redistributable” 下载vc_redist.x86安装即可。 下载链接:https://download.microsoft.com/download/6/D/F/6DF3FF94-F7F9-4F0B-838C-A328D1A7D0EE/vc_redist.x86.exe https://download.microsoft.com/downl…

北京科技计算机与通信工程学院,北京科技大学计算机与通信工程学院-任超

第一作者或通讯作者(*)论文> 2019年:[7]Chao Ren, H. Zhang*, J. Chen and C. Tellambura. "Exploiting Spectrum Access Ability for Cooperative Spectrum Harvesting". IEEE Transactions on Communications, vol. 67, no. 3, pp. 1845-1857, Mar. …

画闭合的多边形 - HTML5 Canvas 作图

10、function DrawPolygon(Canvas,P)功能&#xff1a;画闭合的多边形参数&#xff1a;P是一个包含各个顶点坐标的数组实例&#xff1a;<html><script type"text/javascript" src"bigengineer.js"></script><body><canvas id&qu…

计算机网络硬件的作用是什么,网络技术在计算机软硬件的作用

网络技术在计算机软硬件的作用电子信息工程是一种建立在计算机系统软件技术和计算机网络技术上的工程,在现代国防、科研和通讯等领域发挥着巨大的作用。下面是小编搜集整理的相关内容的论文&#xff0c;欢迎大家阅读参考。摘要&#xff1a;随着我国经济的飞速发展&#xff0c;科…

华为3Com Quidway 2116-SI

上次介绍“华为3Com S1526”经过配置&#xff0c;发现所谓的支持Vlan&#xff0c;其实是无法配置Vlan IP的&#xff0c;所以无法和上级Trunk互联&#xff0c;所谓的可管理也是超级的简单&#xff0c;实在是对得起“SOHO”的定位&#xff0c;简单。不得不更换型号&#xff0c;发…

Linux Makefile 中的陷阱【转】

转自&#xff1a;https://blog.csdn.net/QQ1452008/article/details/52247944 版权声明&#xff1a;本文为博主原创文章&#xff0c;未经博主允许不得转载。 https://blog.csdn.net/QQ1452008/article/details/52247944前言 每个编写过Makefile的程序员都可能遇见过Makefile中内…

html锚点

设置锚点的两种方式 1.设置一个锚点链接<a href"#wang">去找汪星人</a> 在页面中需要的位置设置锚点<a name"wang">汪星人基地</a> 2.设置一个锚点链接<a href"#miao">去找喵星人</a> 在页面中需要的位置设…

大学生计算机课程考试试题,大学生计算机基础课程考试系统研究与实现

摘要&#xff1a;本文主要针对教学评测领域中的主观题评测等难点展开研究.过去在教育评测领域虽然广泛使用测试系统,但由于无法对主观题进行准确有效的判断,造成了以客观题为主的测试局限性.本课题引入智能的算法以实现全自动教学评测,对于教育测试工作有着深远的现实意义. 本系…

初学Vue.js--数据绑定与文本插值

(一)数据双向绑定 数据的双向绑定是Vue.js的核心功能在上一篇记录中已经简单创建了一个Vue实例如下 var myVuenew Vue({ el:#myvue//myvue是已经存在的div&#xff0c;其id值为myvue }) 使用选项el挂载成功后&#xff0c;我们可以通过myVue.$el来访问该元素&#xff0c;如果需要…

网页色彩搭配的内涵

网页的色彩搭配往往是网友们感到头疼的问题&#xff0c;尤其是那些完全没有美术基础的网友。到底用什么色彩搭配好看呢&#xff1f;让我们来看看网友54雨寒的高见吧&#xff01; 一、红色的色感温暖&#xff0c;性格刚烈而外向&#xff0c;是一种对人刺激性很强的色。红色容易引…

VS历程简单记录

当时一开始装VS2015&#xff0c;是用了很长时间了。装了之后是可以用的&#xff0c;打了不少代码的。 后来很长一段时间没用它了&#xff0c;时隔良久&#xff0c;双击快捷方式竟然打开不了&#xff0c;让我“重装”。 其实也不用重装&#xff0c;本机用的Win10&#xff0c;去控…