随笔分类 -  HTML/CSS

摘要:在写css的时候经常会遇到这样的情况,两张宽度加起来是2n的图片,在宽度为2n的容器中放不下,这是因为两张图片之间有一段间隙的缘故,产生这种现象的原因是浏览器把两个img标签之间的空格当成了空白节点。 解决方法: 1.多个img标签写在一行 效果前: 效果后: 2.在img标签的父级上写:font- 阅读全文
posted @ 2018-03-11 21:29 狂奔的蜗牛1031 阅读(2215) 评论(0) 推荐(1)
摘要:select的一些默认样式我们很难修改,比如图标的替换。接下来就说说如何修改这些默认样式: html代码: 给select添加父元素div目的是为了,用div的样式覆盖住select样式。 css代码: 阅读全文
posted @ 2018-03-11 21:20 狂奔的蜗牛1031 阅读(1500) 评论(0) 推荐(0)
摘要:1. 单行文本溢出省略号效果 .ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } <div class="ellipsis"> 这时我看见他的背影,我的泪很快地流下来了。我赶紧拭干了泪。怕他看见,也怕别 阅读全文
posted @ 2018-01-05 16:25 狂奔的蜗牛1031 阅读(5061) 评论(0) 推荐(1)
摘要:1.父页面调用子页面的元素(a代表iframe的id或者class,b代表子页面) 2.子页面调用父页面的元素(c代表父页面的任意元素id或者class) $(window.parent.document).contents().find("c") 3.iframe高度自适应 <iframe src 阅读全文
posted @ 2017-12-17 15:16 狂奔的蜗牛1031 阅读(2045) 评论(0) 推荐(0)