最近做项目遇到了挺多小问题,都是以往没踩过的坑,今天来分享
1.一个设置为display:none;的div,在用.height()方法获取不到它的高,获取到的高度为0.
2.当按百分比设定一个元素的宽度时,它是相对于父容器的宽度计算的,但是,对于一些表示竖向距离的属性,例如 padding-top , padding-bottom , margin-top , margin-bottom 等,当按百分比设定它们时,依据的也是父容器的宽度,而不是高度。所以这里要设定一些div的垂直居中,就要js获取屏幕总高度,减去该div高度,再除以2,就是其距上边界距离。故而当我们在某些时候将某个元素按百分比设置垂直和水平都居中的时候,就会发现水平居中显示正常,但是垂直居中偏上方。
3.应用框架的demo可用color设置logo背景颜色,例如:
<span><i class="nc-icon-glyph media-1_image-01" style="color: red;"></i></span>
<span><i class="nc-icon-glyph media-1_image-01" style="color: red;"></i></span>
目前大多数的demo都是用<i>标签引入,然后添加class,其中class是引入的demo的类,类不同就有不同的标签,但是大多数标签都只有灰白的和只有border,所以在<i>标签添加一个设置颜色的类,就可以给小demo设置绿色红色等。