-
全屏遮罩的替代实现方案查看全部
-
全屏遮罩层的典型实现查看全部
-
width:50%和right:50%的相互替代性查看全部
-
【CSS】【处理对齐、溢出技巧】 1.处理文字前的星号 将星号绝对定位后其不占据任何空间，方便后面的文字左对齐 <label class="regist-label"><span class="regist-star">*</span>登录密码</label> .regist-star { position: absolute; margin-left: -1em; font-family: simsun; color: #f30; } 2.图片与文字垂直对齐 对图标设置绝对定位，并设置margin为负值 <span class="regist-remark regist-warn"> <i class="icon-warn"></i>邮箱格式不准确（演示） </span> .regist-warn { padding-left: 20px; color: #be3948; } .regist-warn > .icon-warn { position: absolute; margin-left: -20px; } 3.处理文字溢出 利用absolute绝对定位使span不占据任何空间，从而使其不换行（注<span>必须紧跟前一个标签，不能有空格） <span class="regist-remark">请输入6-16位密码，区分大小写，不能使用空格</span> .regist-remark { position: absolute; line-height: 21px; padding-top: 9px; color: #666; }查看全部
-
对立拉伸，同时设置top/bottom,right/left, 瞬间爆炸，占满屏幕 position:absolute,top:0,left:0,right:0,bottom:0 等价 position：absolute，width：100%，height:100%查看全部
-
阻碍大天使查看全部
-
top：0; left:0;查看全部
-
z-index无依赖查看全部
-
【CSS】【处理对齐、溢出技巧】 1.处理文字前的星号 将星号绝对定位后其不占据任何空间，方便后面的文字左对齐 <label class="regist-label"><span class="regist-star">*</span>登录密码</label> .regist-star { position: absolute; margin-left: -1em; font-family: simsun; color: #f30; } 2.图片与文字垂直对齐 对图标设置绝对定位，并设置margin为负值 <span class="regist-remark regist-warn"> <i class="icon-warn"></i>邮箱格式不准确（演示） </span> .regist-warn { padding-left: 20px; color: #be3948; } .regist-warn > .icon-warn { position: absolute; margin-left: -20px; } 3.处理文字溢出 利用absolute绝对定位使span不占据任何空间，从而使其不换行（注<span>必须紧跟前一个标签，不能有空格） <span class="regist-remark">请输入6-16位密码，区分大小写，不能使用空格</span> .regist-remark { position: absolute; line-height: 21px; padding-top: 9px; color: #666; }查看全部
-
实现右下角浮窗： 1.父元素div设置text-align:right 2.浮窗div设置 display:inline（为了不换行在一行显示） position:fixed和bottom:200px（为了和body底部保持固定距离） margin-left:20px（为了美观好看）查看全部
-
margin-left负值等于自身宽度，则保证该位置在原位不变化。查看全部
-
绝对定位宽高不占据任何尺寸查看全部
-
由于其跟随性，所以会在那个位置且不占据空间查看全部
-
绝对定位的元素前加 父元素text-align:center;即可使得绝对定位的元素居中查看全部
-
让page代替body，成为最大层查看全部
举报
0/150
提交
取消