-
- UFO2015 2019-12-12
flaot
等宽不等高
-
截图1赞 · 0采集
-
- UFO2015 2019-12-12
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetHeight
-
截图1赞 · 0采集
-
- UFO2015 2019-12-12
offsetHeight 不包括 margin
-
截图0赞 · 0采集
-
- iFlowers 2018-12-28
什么情况下适合使用内边距却不适使用外边距？
-
截图0赞 · 0采集
-
- _五魁首六六六_ 2018-06-06
https://codepen.io/yu363474235/pen/BVzdLZ
这个是我写的瀑布流demo
瀑布流的特点是等宽不等高
瀑布流的原理是通过计算，按照绝对定位的原理让他出现在相对应的位置上的。
大的盒子第一个盒子#main是要按照相对定位
每个盒子之间的距离是通过padding的方式作用在第二个.box的盒子实现的。
- 0赞 · 0采集
-
- 慕仙5237505 2017-11-18
- html 布局 <div id="main"> <div class="box"> <div class="pic"> <img src="../img/1H.ico"/> </div> </div> <div class="box"> <div class="pic"> <img src="../img/DD.ico"/> </div> </div> <div class="box"> <div class="pic"> <img src="../img/GM.ico"/> </div> </div> <div class="box"> <div class="pic"> <img src="../img/JD.ico"/> </div> </div> <div class="box"> <div class="pic"> <img src="../img/JM.ico"/> </div> </div> <div class="box"> <div class="pic"> <img src="../img/SN.ico"/> </div> </div> <div class="box"> <div class="pic"> <img src="../img/TB.ico"/> </div> </div> </div>
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-18
- 瀑布流布局等宽不等高css： *{padding:0; margin:0; } #main {position:relative; } #main .box{padding:15px 0 0 15px; float:left;} #main .box .pic{padding:10px; border:1px solid #ccc; border-radius:5px; box-shadow:0 0 5px #ccc; } #main .box .pic img{width:165px; height:auto; } </style>
-
截图0赞 · 0采集
-
- 乒小妮3476199 2017-08-18
- html的css
-
截图0赞 · 0采集
-
- 微风灬唐唐 2017-08-15
- 原理：通过计算和绝对定位的方式固定图片位置。 特点：等宽不等高/参差不齐。 使用padding而不是margin：获取数据块高度，不仅数据块本身高度，还包括数据块间的距离；offsetHeight可以获取padding，但不能获取margin。
- 0赞 · 0采集
-
- 白小九 2017-07-29
- 原理：通过计算和绝对定位的方式固定图片位置。 特点：等宽不等高/参差不齐。 使用padding而不是margin：获取数据块高度，不仅数据块本身高度，还包括数据块间的距离；offsetHeight可以获取padding，但不能获取margin。
- 0赞 · 1采集
-
- 呆呆呆 2017-06-27
- 修改float：left后没有变为一行，需要修改.div 的宽度
-
截图0赞 · 0采集
-
- 代号唯 2017-04-25
- 瀑布流布局的特点是等宽不等高，参差不齐，滚动滚轮能自动加载
- 0赞 · 0采集
-
- 慕粉Wo 2017-03-16
- 瀑布流的原理在于：利用绝对定位固定图片位置，图片等宽不等高。新东西：图片阴影（box-shadow）、圆角（border-radius）、用padding与margin的微妙区别。 设置边距使用padding而不是用margin，是因为offsetHight获取的高度包括padding 圆角：border-redius：5px；设置四个角为圆角，该值越大越趋向于圆形 阴影：box-shadow：水平 垂直 模糊程度 颜色；
- 0赞 · 2采集
-
- wshyzx 2017-03-13
- 设置圆角
-
截图0赞 · 0采集
-
- _6666666666_2 2017-03-10
- 瀑布流的原理在于：利用绝对定位固定图片位置，图片等宽不等高。新东西：图片阴影（box-shadow）、圆角（border-radius）、用padding与margin的微妙区别。 设置边距使用padding而不是用margin，是因为offsetHight获取的高度包括padding 圆角：border-redius：5px；设置四个角为圆角，该值越大越趋向于圆形 阴影：box-shadow：水平 垂直 模糊程度 颜色；
- 0赞 · 1采集
-
- koneto 2017-02-23
- 瀑布流布局即等宽不等高的数据块
- 0赞 · 0采集
-
- 满足库 2017-02-06
- 瀑布流布局
-
截图0赞 · 0采集
-
- 满足库 2017-02-06
- 瀑布流的原理在于：利用绝对定位固定图片位置，图片等宽不等高。新东西：图片阴影（box-shadow）、圆角（border-radius）、用padding与margin的微妙区别。 设置边距使用padding而不是用margin，是因为offsetHight获取的高度包括padding 圆角：border-redius：5px；设置四个角为圆角，该值越大越趋向于圆形 阴影：box-shadow：水平 垂直 模糊程度 颜色；
- 0赞 · 0采集
-
- 慕田峪3555374 2017-01-19
- css样式设计
-
截图0赞 · 0采集
-
- 楼台小巷 2017-01-15
- box-shadow:0 0 5px #ccc;前面两个0为水平和垂直方向的阴影，5px表示阴影的模糊程度
- 0赞 · 0采集
-
- 楼台小巷 2017-01-15
- 利用绝对定位来布局，父元素position：relative；图片为position：absolute； 设置图片之间 的边距时候用padding不用margin，因为用offsetHigtht获得的高度包括padding不包括margin的边距
- 0赞 · 1采集
-
- zhaobao1830 2016-11-29
- 瀑布流的原理在于：利用绝对定位固定图片位置，图片等宽不等高。 设置边距使用padding而不是用margin，是因为offsetHight获取的高度包括padding
- 0赞 · 0采集
-
- SONG_S 2016-11-12
- 瀑布流：等宽不等高
- 0赞 · 0采集
-
- 空之境界丶 2016-11-10
- 瀑布流的原理在于：利用绝对定位固定图片位置，图片等宽不等高。新东西：图片阴影（box-shadow）、圆角（border-radius）、用padding与margin的微妙区别。 设置边距使用padding而不是用margin，是因为offsetHight获取的高度包括padding 圆角：border-redius：5px；设置四个角为圆角，该值越大越趋向于圆形 阴影：box-shadow：水平 垂直 模糊程度 颜色；
- 0赞 · 0采集
-
- 慕工程2957023 2016-10-18
- 瀑布流的原理在于：利用绝对定位固定图片位置，图片等宽不等高。新东西：图片阴影（box-shadow）、圆角（border-radius）、用padding与margin的微妙区别。 设置边距使用padding而不是用margin，是因为offsetHight获取的高度包括padding 圆角：border-redius：5px；设置四个角为圆角，该值越大越趋向于圆形 阴影：box-shadow：水平 垂直 模糊程度 颜色；
- 0赞 · 2采集
-
- qq_海绵宝宝的眼泪_03803680 2016-10-14
- 瀑布流采用的主要是定位 offse获取的高度不包括margin，包括padding
- 0赞 · 0采集
-
- BeingTowards 2016-10-12
- 设置边距使用padding而不是用margin，是因为offsetHight获取的高度包括padding 圆角：border-redius：5px；设置四个角为圆角，该值越大越趋向于圆形 阴影：box-shadow：水平 垂直 模糊程度 颜色；
-
截图0赞 · 0采集
-
- 慕粉1472360013 2016-10-02
- 图片和图片之间用padding属性隔开，用offset.height获取的对象包括内边距的高度
- 0赞 · 0采集
-
- 落夜星空 2016-09-18
- offsetheight可以获取包括padding在类的属性，建议使用边距时用padding
-
截图0赞 · 3采集
-
- 肉酱丶 2016-09-09
- 圆角：border-redius： 阴影：box-shadow：水平 垂直 模糊程度 颜色；
-
截图0赞 · 0采集
数据加载中...