css
mr.啄木鸟
捣鼓点什么
展开
-
解决轮播图图片大小不一的问题!
要把大小不一样的图片做成整齐排列的轮播,如果直接固定宽高会把图片伸缩变形的,不固定又会让图片不整齐,用ps截图截成一样的大小难度系数略高。看似头大的问题,现在解决,只需2步:1.假如有4张图,我们就先写4个一样大小一样的div.给div设置display:inline-block和一样的宽高。2.然后将图片作为div的背景图来显示。这样保证了呈现的每张图都是一样大的!利用ba...原创 2018-06-11 13:49:30 · 22901 阅读 · 1 评论 -
一看就懂:自定义checkbox的样式(更改input表单控件的自定义样式)
默认的checkbox可能不能满足UI需求,而默认的样式是不能直接修改的,那该如何修改呢?在改样式之前我们建议先了解<label>标签属性。我们发现,可以通过label来操控关联的表单控件,于是,我们的思路是:把input的样式隐藏起来,通过设计label的样式(也就是input的样式)然后通过定位用label覆盖input,这样功能和样式都是一致的。这里我们以ch...原创 2018-07-24 16:29:14 · 19287 阅读 · 0 评论 -
实现瀑布流
为什么别人的教程那么难看懂?代码多的都一大坨,蓝色,香菇~我认为,既然是教程,就应当简洁明了,在尽可能不伤眼、少伤脑的情况下习得精髓!我先举个栗子,假设有15张图片,高度分别未10,20,30,40,50...140,150,排成3列。不用怀疑,第一排肯定是10,20,30,40,50 。第二排,不难预测,第6张放在第1张下面,top值为第1张的高度,left值为第1张的的left...原创 2020-10-30 18:46:12 · 2231 阅读 · 3 评论