垂直居中: 1,单行文本,行高等于高,即line-height等于父级的高; 2,多行文本,父级设置相对定位:position:relative,子集设置绝对定位,position:absolute;先定位到50%的位置,即top:50%, 在往上提自身的50%,即margin-top:-自身高度的 ...
分类:
Web程序 时间:
2018-08-19 23:21:55
阅读次数:
240
外边距属性: 设置元素与元素之间的距离(外边距),4个方向(上右下左)。 margin:长度值|百分比|auto margin-top margin-right margin-bottom margin-left 说明:值可为负值。 默认情况下,相应HTML块级元素存在外边距 body、h1~h6、 ...
分类:
其他好文 时间:
2018-08-11 01:27:55
阅读次数:
680
这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。 再说白点就是:父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一 ...
分类:
Web程序 时间:
2018-07-31 23:33:37
阅读次数:
241
34 <!-- <dd class="vtop" style="width: 100px;"> <div class="text-grey" style="font-size: 9px; margin-top: 4px;"> 注册:2013-10 <br> 帖子:2013 <br> 精华:<span ...
分类:
其他好文 时间:
2018-07-31 22:06:10
阅读次数:
187
1.端口案例改进,操作更灵活<head><metacharset="UTF-8"><title>Title</title><style>.hide{display:none;}.model{position:fixed;top:50%;left:50%;width:500px;height:350px;margin-top:-200px;
分类:
Web程序 时间:
2018-07-27 01:10:17
阅读次数:
222
.login-btn{ margin-top: 60rpx !important; background-color:transparent !important; width: 40%; margin: 0 auto; border-bottom: 1px solid #aaa; color: # ...
分类:
Web程序 时间:
2018-07-26 15:07:38
阅读次数:
393
在css里面,padding-top,padding-bottom,margin-top,margin-bottom取值为百分比的时候,参照的是父元素的宽度。 比如:父元素宽度是100px, 子元素padding-top:50%,那么padding-top的实际值就是100*50%=50px 这个小 ...
分类:
其他好文 时间:
2018-07-21 00:52:26
阅读次数:
204
在body里面放置两个盒子,里面盒子设置margin-top,外层盒子生效?在里面盒子上面加一个块元素,设置高度 表单 form action="地址" method="get/post" input type:text password button checkbox radio reset su ...
分类:
Web程序 时间:
2018-07-20 21:42:39
阅读次数:
1936
除了height以外垂直方向上的margin-top(bottom)或者padding-top(bottom)的百分比取值都是相对于父元素的宽度 在默认的content-box盒模型下元素的width就是指的content的宽度: .box { width: 200px; height: 400px ...
分类:
Web程序 时间:
2018-07-20 15:17:54
阅读次数:
289
子元素margin-top为何会影响父元素? 引用地址:https://blog.csdn.net/sinat_27088253/article/details/52954688 子元素margin-top为何会影响父元素? 引用地址:https://blog.csdn.net/sinat_2708 ...
分类:
其他好文 时间:
2018-07-19 13:46:04
阅读次数:
148