header 页眉 content 内容 footer 页脚 盒子居中 margin: 0 auto; links 链接 no-repeat 不平铺 父子关系用padding 盒子变大用box-sizing: border-box; 即在一行,又能设置宽高display: inline-block; ...
                            
                            
                                分类:
其他好文   时间:
2017-08-13 13:30:35   
                                阅读次数:
176
                             
                    
                        
                            
                            
                                box-sizing 规定两个并排的带边框的框: 例如 以上案例父元素是600px,子元素各占百分之五十,因为两个子元素有边框。导致没有浮动在一排 加了box-sizing:border-box 两个子元素边浮动在一起了 加了box-sizing:border-box 两个子元素边浮动在一起了 bo ...
                            
                            
                                分类:
其他好文   时间:
2017-08-12 14:43:43   
                                阅读次数:
107
                             
                    
                        
                            
                            
                                w3c标准:定义的width为 内容,有padding,border 都会使得 最终呈现的宽度为 定义的width+padding+border的总和,有margin另加 ie标准:定义的width为包含了border,padding,使得最终呈现的宽度 为定义的width,有margin另加 bo ...
                            
                            
                                分类:
Web程序   时间:
2017-08-10 20:54:46   
                                阅读次数:
235
                             
                    
                        
                            
                            
                                方法:给inline-block元素的容器设置font-size: 0;inline-block的字体大小再另行设置即可。 css代码 1 .inline-block-box{ 2 font-size: 0; 3 border: 1px solid blue; 4 box-sizing: borde ...
                            
                            
                                分类:
其他好文   时间:
2017-08-10 13:44:12   
                                阅读次数:
188
                             
                    
                        
                            
                            
                                *{box-sizing:border-box;} 此情,容器元素css属性必含overflow:hidden,不然会出问题 $(window).resize(()=>{ $('#willAdjustDiv').width($('#divContainer').width()); }) ; 记录一下 ...
                            
                            
                                分类:
其他好文   时间:
2017-08-03 17:36:37   
                                阅读次数:
131
                             
                    
                        
                            
                            
                                    CSS3 私有前缀 -webkit- chrome/safari等webkit内核浏览器 -moz- firfox -o- opera -ms- IE CSS3 盒子模型 box-sizing 值 content-box(默认) / border-box(把盒子的内边距,边框都算进去) resize ...
                            
                            
                                分类:
Web程序   时间:
2017-08-02 23:35:25   
                                阅读次数:
193
                             
                    
                        
                            
                            
                                    # CSS3 盒子模型 * box-sizing 值 content-box 默认值 包括所有的值 / border-box 只算边框的长与宽 * resize(调节框的大小) * 值 none不允许 / horizontal调节宽度 / vertical调节高度 / both都可以 * outli ...
                            
                            
                                分类:
Web程序   时间:
2017-08-02 19:04:25   
                                阅读次数:
171
                             
                    
                        
                            
                            
                                在CSS3中,新的用户界面属性有很多,本文重点介绍resize,box-sizing,offset。 浏览器支持,如下图,图片源于W3school 1.CSS Resizing 在css3,resize属性规定用户是否可以调整元素尺寸。 注释:如果希望此属性生效,需要设置元素的 overflow 属 ...
                            
                            
                                分类:
Web程序   时间:
2017-07-27 17:04:00   
                                阅读次数:
201
                             
                    
                        
                            
                            
                                    css3 box-sizing属性 box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。 content-box,border和padding不计算入width之内 padding-box,padding计算入width内 ...
                            
                            
                                分类:
Web程序   时间:
2017-07-22 16:47:28   
                                阅读次数:
300
                             
                    
                        
                            
                            
                                    UMeditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器,是UEditor的简化版,UM的主要特点就是容量和加载速度上的改变,主文件的代码量为139k,而且放弃了使用传统的iframe模式,采用了div的加载方式, 以达到更快的加载速度和零加载失败率。最近在使用的过程中发现其中上传 ...
                            
                            
                                分类:
其他好文   时间:
2017-07-19 16:17:57   
                                阅读次数:
199