当我们给块元素设置宽度为100%,然后再设置padding值想让里面的内容有一定的内边距时,会发现此时内边距的效果达到了,但是却出现了横向滚动条,原因:padding是边框和里面内容之间的间隙,如果你设置了padding,padding的值是不变的,当内容+padding大于容器时,它会以容器的左上角为中心,保持padding的距离向外扩展,因此出现了滚动条,正常解决办法是,将元素宽度减去padd
分类:
其他好文 时间:
2018-04-26 16:55:42
阅读次数:
172
很多时候需要用到把页面上的某个块元素用图片的形式导出来,例如导出一些表格构成的单据 思路:把指定的html内容转换成canvas,然后再转换成图片 这里推荐使用这两个库 ...
分类:
Web程序 时间:
2018-04-26 14:36:57
阅读次数:
187
1、文档流 文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.也就是说从头到尾(自上而下,自左到右)按照文档的顺序,放置元素。 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动.内联元素也不会独占一行. 几乎所有元素 ...
分类:
其他好文 时间:
2018-04-26 13:19:33
阅读次数:
104
HTML 理解HTML元素以及构成 1.理解HTML元素以及构成 HTML是一种标记语言,是由一个一个的标记组成的,用于告诉浏览器怎么构建网页的。就像人体里面的DNA一样,控制着人体的组成。同时,也正如像人们自己认为自己天生就携带胖瘦基因一样,HTML里的标签也是有特性。他们包括块元素、内联元素、空 ...
分类:
Web程序 时间:
2018-04-25 22:05:20
阅读次数:
242
原因是没有为元素设置高度, //外层div .scanIcon{ position:fixed; bottom:5.5vh; width: 40vw; height: 120rpx; /*重点*/ margin-left: 30vw; text-align: center; } //内层图片 .im ...
分类:
移动开发 时间:
2018-04-25 12:11:51
阅读次数:
167
BFC(Block formatting context) 直译为"块级格式化上下文"。元素的显示模式 我们前面讲过 元素的显示模式 display。 分为 块级元素 行内元素 行内块元素 ,其实,它还有很多其他显示模式。 <img src="media/dis.png" style="border ...
分类:
其他好文 时间:
2018-04-22 22:07:06
阅读次数:
215
伪类选择器: 伪类是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像类一样定义,因为是浏览器预先设定好的。 a一般顺序是:a:link{} 未访问状态链接 a:visited{}已访问状态链接 a:hover{}鼠标悬停上时状态 还有其他伪类,如first-chil ...
分类:
Web程序 时间:
2018-04-22 16:02:41
阅读次数:
229
出现溢出的情况:1.行内元素不换行内容超出包含块外边界2.块元素宽高超出包含块外边界为什么会出现overflow:hidden失效的问题:大多数情况下是给当前元素设置了position:absolute定位属性,导致脱离文档流,当前元素不再受包含块的约束了解决办法:给包含块设置position:relative;让包含块重新获取管辖权
分类:
其他好文 时间:
2018-04-20 11:45:25
阅读次数:
133
区块元素 段落和换行 一个 Markdown 段落是由一个或多个连续的文本行组成 ,它的前后要有一个以上的空行(空行的定义是显示上看起来像是空的,便会被视为空行。比方说,若某一行只包含空格和制表符,则该行也会被视为空行)。普通段落不该用空格或制表符来缩进。 如果你确实想要依赖 Markdown 来插 ...
分类:
其他好文 时间:
2018-04-16 23:47:12
阅读次数:
232
学完基础html之后,一直以为只有两种标签元素,行级和框架,最开始知道除了各自默认的布局不同外,块级是可以定义宽高的而行级不可以,后来又知道了inline-block一类的东西行内块是可以定义宽高属性,但是一直很疑惑,在行内元素中有一些元素,如 input、img、textarea、select、o ...
分类:
其他好文 时间:
2018-04-12 22:28:11
阅读次数:
151