随笔分类 -  CSS

摘要:1.把图片变成块级元素:display:block 2.把图片设置成左浮动:float:left 3.把图片父元素的字体大小设置为0 4.如果父元素下,只有一张图片,将父元素高度设置成和图片高度一致即可。 5.给图片设置:vertical-align:middle 阅读全文
posted @ 2019-10-21 21:16 兔子先生i 阅读(1164) 评论(0) 推荐(0)
摘要:代码如下: 阅读全文
posted @ 2019-05-05 20:02 兔子先生i 阅读(1341) 评论(0) 推荐(0)
摘要:css浮动会使子元素脱离文档流,有些情况下会使其父元素失去高度,从而影响页面的整体布局。 解决的办法就是:使用浮动之后,记得清除浮动, 下面是几种清除浮动的方法: 第一种: 第二种: 清除浮动的方法还有许多,就不一一列出了。 阅读全文
posted @ 2017-07-27 14:45 兔子先生i 阅读(449) 评论(0) 推荐(0)
摘要:第一种: 但,这种方法有一个很明显的不足,就是需要提前知道元素的尺寸。否则margin负值的调整无法精确。此时,往往要借助JS获得。 第二种: CSS3的兴起,使得有了更好的解决方法,就是使用transform代替margin. transform中translate偏移的百分比值是相对于自身大小的 阅读全文
posted @ 2017-06-14 14:49 兔子先生i 阅读(568) 评论(0) 推荐(0)
摘要:我的第一篇文章、哈哈、有点小鸡冻。 之前在百度搜索“图片轮播”、“图片滚动”,结果都是那种可以左右切换的。也是我们最常见的那种。可能是搜索 关键字的问题吧。 如图: 教程效果图: 教程开始: HTML代码: CSS代码: JavaScript代码: 教程结束。 本人新手一个、请大神们多多指教。 此处 阅读全文
posted @ 2017-03-07 19:08 兔子先生i 阅读(27460) 评论(0) 推荐(2)