1.关于子元素设置margin-top会顶开父元素的上边距的原因: 这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。 再说了白点就是:父元素的第一个子元素的上边距marg ...
分类:
Web程序 时间:
2017-02-23 21:04:34
阅读次数:
272
1.padding-top、padding-bottom、margin-top、margin-bottom对于span是无效的,因为span是行内元素,作用在一行上。参考:http://www.cnblogs.com/mingjiezhang/p/5373667.html2.line-height对于span是无效的,因为line-height作用于块元素,而span是行内元素。
分类:
Web程序 时间:
2017-02-11 23:00:06
阅读次数:
223
有些页面样式不规范,没有写在一个class里,例如:<div id="show" style="width:100px; padding-top:10px; font-size:12px;"></div> 这种情况下清空style可以removeAttr()方法移除style属性来实现 $("#sh ...
分类:
Web程序 时间:
2017-01-16 20:57:16
阅读次数:
236
CSS代码: .box { width: 355px; height: 500px; padding-top: 30px; padding-bottom: 30px; margin-left: auto; margin-right: auto; position: relative; } .list ...
分类:
其他好文 时间:
2017-01-09 14:23:00
阅读次数:
235
1.挂载win10系统镜像 2.执行命令 Dism /online /enable-feature /featurename:NetFX3 /All /Source:I:\sources\sxs /LimitAccess ...
背景: 最近因为需要用到绘制类似九宫格的需求,所以研究了一下响应式矩形的实现方案。 有如下几种方案: 实现一个正方形 我们的做法就是使用伪元素的 padding-top: 100% 来撑开元素本身。 因为 pading-top 与 padding-bottom 的百分比取值来自于元素的宽度,所以,设 ...
分类:
Web程序 时间:
2016-12-21 01:56:39
阅读次数:
196
要设置这两个值,我的理解应该在这个div的父容器中设置了固定宽高,或者设置了绝对定位,比如position:absolute(绝对定位) 或者压根不用,直接用padding-top/padding-bottom替代 参考: http://www.111cn.net/cssdiv/163/87752. ...
分类:
Web程序 时间:
2016-12-12 07:38:49
阅读次数:
241
根据海玉的博客 这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。 再说白点就是:父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者paddi ...
分类:
Web程序 时间:
2016-11-19 23:07:29
阅读次数:
198
//接上面同级 this.bodyPanel = new Ext.Panel({ layout: 'border', bodyStyle: 'padding:1px;', defaults: { minHeight: 25, style: 'padding-top:1px;' }, items: [ ...
分类:
其他好文 时间:
2016-11-16 13:47:32
阅读次数:
225
先看一个图: padding就是content内容到边框的距离,有四个值可以取,分别设置上右下左:padding-top,padding-right,padding-bottom,padding-left 可以简写为padding:1px,2px,3px,4px; content内容是什么? 最明显 ...
分类:
Web程序 时间:
2016-11-14 20:48:20
阅读次数:
267