摘要: 1.display:none;(推荐) 隐藏后,页面元素真正隐藏,不会占空间 2.visibility:none; 隐藏后,页面元素的空间会呈空白状(占空间)。 3.position设置为absolute,然后top或者left设置为-999999,即远超出页面。 阅读全文
posted @ 2016-07-27 23:48 bokeyuan990 阅读(155) 评论(0) 推荐(0)
摘要: 方法1:body{scroll:no;} 方法2: body{ overflow-x:hidden;//水平隐藏 overflow-y:hidden;//垂直隐藏 } 或者 body{ overflow:hidden; } 这只是简单的隐藏方法,具体引起的后果还有待探索 阅读全文
posted @ 2016-07-24 22:49 bokeyuan990 阅读(240) 评论(0) 推荐(0)
摘要: inline与block最直观的区别,内联元素可以多个在一行,而块级元素独占一行,两者可以互相转换。 display:inline; 内敛元素,width与height无效,不会独占一行,margin和padding只有水平属性会生效。 display:block; 块级元素,可以设置width与h 阅读全文
posted @ 2016-07-23 23:34 bokeyuan990 阅读(112) 评论(0) 推荐(0)
摘要: 当使用浮动float时,如果父div没有使用float,而子div使用了float,则可能出现以下情况: 是的,本来应该被撑开的父div却没有被撑开,这很尴尬。 那么应该如何处理这个浮动问题呢? 1.最简单的做法:设置父类高度。 将父类的div设置为固定高度,但是如果子类的高度大于父类高度之后,经r 阅读全文
posted @ 2016-07-22 22:16 bokeyuan990 阅读(139) 评论(0) 推荐(0)
摘要: 在java中,trim()函数表示去除字符串的前后空格,但是javascript中并没有trim()函数,所以要想使用需要重写此函数。具体如下: 分析一下replace中的表达式。 首先/ /之间的部分为正则表达式: ^\s*:^表示从开头开始匹配,\s表示空白字符,*表示0个或多个; \s*$:\ 阅读全文
posted @ 2016-07-21 17:19 bokeyuan990 阅读(361) 评论(0) 推荐(0)
摘要: 有三个div,div1、div2左浮动float:left,div3右浮动float:right,宽度为50%,border为1px,然而由于border宽度不在width范围内,所以最终效果如下: 一种方法,利用box-sizing属性设置三个子div,即加入box-sizing:box-bord 阅读全文
posted @ 2016-07-21 11:47 bokeyuan990 阅读(72) 评论(0) 推荐(0)
摘要: 效果展示如下: 其中图片的宽度是一定的,高度随比例变换,以此为基础做瀑布流布局。 阅读全文
posted @ 2016-07-19 23:01 bokeyuan990 阅读(856) 评论(0) 推荐(0)
摘要: RunJS地址:http://runjs.cn/detail/vnhi5yuw 在本次的练习中,css分析如下 阅读全文
posted @ 2016-07-19 11:41 bokeyuan990 阅读(143) 评论(0) 推荐(0)
摘要: bootstrap练习用攻略! 阅读全文
posted @ 2016-07-18 21:42 bokeyuan990 阅读(249) 评论(0) 推荐(0)
摘要: 函数createFunctions中,for循环里面的result[i]()函数其实只是被定义出来,但是并没有被运行,因此最终的循环结果只是使i=10的同时,使result.length=10(10次循环); 而函数外的for循环中,因为createFunctions函数中的i=10,所以funcs 阅读全文
posted @ 2016-07-17 11:28 bokeyuan990 阅读(95) 评论(0) 推荐(0)