for循环在Django模板中是常用的,有时候需要对循环的末尾的对象给予特殊的对待,例如下图
下图中的标示部分,循环列表的最后一个条目不需要下边框,于是乎就要在模板中加一个判断,即如果是最后一个条目,就不要这个效果。
forloop.last
表示当前for中的最后一个,类似的还有forloop.counter
表示以1开头的forloop当前所在位置,forloop.first
表示当前for中的第一个,forloop.parentloop
表示父级循环中的当前位置。
参考: http://stackoverflow.com/questions/837237/django-template-for-loop-last-iteration
https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#for
...是什么意思?看下图
图片中的标示部分,百褶裙后面明明还有空隙,表明他的后面是还可以容纳几个文字的。但是,容纳牛仔裙背心裙等六个字却不足够。于是乎,有必要像图片中那样将牛仔裙背心裙等这个词条整体在下一行显示,就如图中的所示一样,以正确的方式。
怎么做到?
word-break: keep-all;
值得注意的是图中的词条并不是简单的以空格来进行隔开,而是每一个都容纳在的各个span标签和a标签里面。
...两端对齐当然是针对多行文本,何来单行文本两端对齐之说?是有的,请看下面的这个图。
.fulljustify {
width: 100px;
text-align: justify;
}
.fulljustify:after {
content: "";
display: inline-block;
width: 100%;
}
这种办法实际上就是利用伪元素在单行文本的底下添加一行与之同宽且显示为空的内容,于是乎单行变成了多行,居中对齐也就生效了。达到了这样的效果,即即便是字数不一样,只要是宽度相同且足够,那么在不同位置的单行文本也可以左右文本对齐。
另外要注意,由于单行文本的底下实际上增加了一行文本,这就导致其高度变高,如果其高度超过了其父元素,当堆积起来时可能就会导致相应的显示问题,这时单行文本的父级元素的高度需要给够。
参考:http://blog.vjeux.com/2011/css/css-one-line-justify.html
...第一用scss文件编译成css文件就遇到了坑,竟然提示含有不明来物,定位到他不通过的行就是包含有中文注释的某行。当然知道是SASS程序的编码问题,当年python2就是经常出现这样的情况,见惯不怪的。于是乎百度之,发现有国人已经早先遇到该问题并且轻易解决,果然可以用该方法解决问题,赞叹之余,保存之,以便后来人。
解决的办法是打开目录"C:\Ruby23\lib\ruby\gems\2.3.0\gems\sass-3.4.22\lib\sass\engine.rb"
,修改engine.rb
文件,在所有require
之后,添加一行代码如下
Encoding.default_external = Encoding.find('utf-8')
保存吧!再来。
另外国人开发的koala有GUI的开源编译工具可以无bug,直接编译吧。
参考:http://www.bkjia.com/HTML_CSS/861470.html
...1.利用npm安装tsd
>npm install -g tsd
2.以jquery为例,利用tsd安装jquery.d.ts
>tsd install jquery --save
3.用VSCode打开.ts文件,添加tsd文件引用
/// <reference path="jquery.d.ts" />
参考https://github.com/DefinitelyTyped/DefinitelyTyped#usage
...