随笔分类 -  CSS3

摘要:html代码 css代码 ie11以上 显示正常 效果如下 ie11以下 效果如下 原因 :列表遍历 我这边用的是a标签,ie11以下就不兼容了,只需要给a标签加个属性display:block; 将其变成块级元素即可。可以兼容到ie7 阅读全文
posted @ 2018-08-22 13:55 兔子先生i 阅读(1535) 评论(0) 推荐(0)
摘要:html代码 css代码 效果图 阅读全文
posted @ 2017-12-01 18:01 兔子先生i 阅读(4245) 评论(6) 推荐(1)
摘要:html代码 css代码 效果图 原文地址:http://www.qdfuns.com/notes/32244/ef7467af54279078256efc9c878ca10a.html 阅读全文
posted @ 2017-11-30 10:07 兔子先生i 阅读(3327) 评论(0) 推荐(1)
摘要:object-position/object-fit属性一般用在替换元素上。 什么叫替换元素? 不是所有元素都叫“替换元素”。在CSS中,“替换元素”指的是: 其内容不受CSS视觉格式化模型控制的元素,比如image, 嵌入的文档(iframe之类)或者applet。 比如,img元素的内容通常会被 阅读全文
posted @ 2017-07-25 16:27 兔子先生i 阅读(452) 评论(0) 推荐(0)
摘要:使用CSS3可以轻松实现瀑布流布局,但这种方法有个缺点,就是对于商城类型的网站,价格筛选时,并不能达到理想效果。 1、column-count 把div中的文本分为多少列 2、column-width 规定列宽 3、column-gap 规定列间隙 4、break-inside: avoid; 避免 阅读全文
posted @ 2017-06-26 11:09 兔子先生i 阅读(3789) 评论(0) 推荐(0)