最近调前端样式时候,遇到一个需求,在中间文字不对等的情况下想让下面的操作文字距离底部对齐,如图: , 刚开始觉得使用margin-bottom就可以,后来发现只有margin-top是管用的,查了资料发现: margin-bottom是下方的外边距,并不能让元素向下方移动,margin-top作为上 ...
分类:
其他好文 时间:
2018-04-27 19:50:24
阅读次数:
132
1.制作下面图像列表 2.<style type="text/css"> ul{ width: 200px; list-style: none;} ul li{margin-top: 10px;} ul li a{ display: block; height: 35px; line-height: ...
分类:
其他好文 时间:
2018-04-26 13:22:55
阅读次数:
277
空白折叠的前提是在html标准文档流的前提下 定位和浮动脱离文档流之后就不会有空白折叠了相对定位不会脱离标准文档流 第一种去除的办法是直接在HTML内去除所有空格 第二种去除办法是给要去除空白折叠元素的父元素加font-size : 0 第三种去除办法是给元素设置margin-top:-4px :f ...
分类:
Web程序 时间:
2018-04-20 16:09:35
阅读次数:
988
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>简单图片轮播</title> <!-- 原理:三张图片垂直放置,显示区域li固定,获取当前图片的index, 每隔2秒将下张图片的margin-top向上移动图片的高度,即将该图片上 ...
分类:
其他好文 时间:
2018-04-17 16:50:38
阅读次数:
171
1.1 如果两个盒子是包含关系,如果让子盒子在父盒子之内向下平移100px:(margin塌陷现象) 如果要实现: 1.给父盒子设置padding(麻烦,给父盒子设置了padding之后将来如果要父盒子的大小保持不变,还必须把padding值减掉。) 2.给子盒子设置margin-top(这里有一个 ...
分类:
其他好文 时间:
2018-04-16 12:08:38
阅读次数:
193
想到达的效果: 由于其中嵌套不正确: 解决方案: 使得悬浮的标签进行脱离文本流,则不会影响原来的布局: 注意同级内联标签中任意一个改变都会影响到其他标签的布局: 例如其中一个margin-top:10px;会将其他的也挤下来。解决办法是将该标签float设置,就不在影响同级标签 ...
分类:
Web程序 时间:
2018-04-15 20:58:31
阅读次数:
229
1、内联及行内元素设margin-top,padding-top没有效果,因为他们是基于基线对齐的。(需要自己多尝试下) background-attachment:fixed 属性可以让背景图在浏览器窗口始终固定不变(就好像脱离了该背景图的标签),下面的内容滚动上去可以把它覆盖。 2、有时间研究一 ...
分类:
Web程序 时间:
2018-04-09 00:20:22
阅读次数:
226
定位法:position:absolute 如果子级div有定义宽和高的话就可以用这个方法。注意:margin-top,和margin-left的值均为高和宽值的一半 margin:auto法 这个也可以是定位法。用这个方法要求子级div必须设置宽的值,不然没有效果哦~margin:auto是水平垂 ...
分类:
其他好文 时间:
2018-04-04 20:54:27
阅读次数:
189
一、问题记录 1、背景图片比div宽度高度大的时候可以设置size为100%; 2、父级元素没有边框的时候给第一个子元素设置margin-top会带着父元素一起变动。解决办法:1、设置margin-top后使用overflow:hidden :因此超出部分 2、根据情况给子元素设置合适的高度,内容设 ...
分类:
其他好文 时间:
2018-04-02 20:10:16
阅读次数:
110
借阅 http://www.layui.com/demo/upload.html 前端代码 <form class="layui-form" action="#" method="post" style="margin-top:50px" id> <div class="layui-upload"> ...
分类:
Web程序 时间:
2018-03-29 19:06:38
阅读次数:
468