当我们给一个元素的一系列子元素设置display:inline-block;时，会发现子元素之间存在间隙，如div{display:inline-block;width:100px;height:100px;background-color:yellow;}页面显示是这样的，中间为何会有一条间隙呢？我们先用js获取到section，然后打印一下它的子节点，如下letsec=document.querySelector('section')letchildren=sec.childNodesconsole.log(children)打印结果页面显示为可以看出，我们只有两个div，但是打印出来七个
当我们给一个元素的一系列子元素设置display:inline-block;时，会发现子元素之间存在间隙，如div{display:inline-block;width:100px;height:100px;background-color:yellow;}页面显示是这样的，中间为何会有一条间隙呢？我们先用js获取到section，然后打印一下它的子节点，如下letsec=document.querySelector('section')letchildren=sec.childNodesconsole.log(children)打印结果页面显示为可以看出，我们只有两个div，但是打印出来七个
OniOS,ifasubclassofCALayerisusedwithanemptydisplaymethod,thenappseemstogointoinfiniteloop?如果创建了一个单视图应用程序，其FooView是UIView的子类，然后执行一个1NSLog(@"hello");indrawRect，然后打印出来。如果我创建一个名为CoolLayer的CALayer子类，并将这个方法添加到FooView.m:123+(Class)layerClass{ return[CoolLayerclass];}在FooView.m的drawRect的末尾，做一个1NSLog(@"laye
OniOS,ifasubclassofCALayerisusedwithanemptydisplaymethod,thenappseemstogointoinfiniteloop?如果创建了一个单视图应用程序，其FooView是UIView的子类，然后执行一个1NSLog(@"hello");indrawRect，然后打印出来。如果我创建一个名为CoolLayer的CALayer子类，并将这个方法添加到FooView.m:123+(Class)layerClass{ return[CoolLayerclass];}在FooView.m的drawRect的末尾，做一个1NSLog(@"laye
Chromevs.box-sizing:border-boxinadisplay:table我正在使用display:table做一个小的2窗格布局。对于间距(也来自背景图像)，我使用padding。由于我需要孩子从可用空间中获得精确的width:50%(考虑到父div的填充)，所以我使用box-sizing:border-box.这在Opera中运行良好，但在Chrome中，box-sizing:border-box甚至-webkit-box-sizing:border-box会被默默忽略。我做了一个演示来说明这个问题。两个红框应该是方形的，蓝框应该是宽高200px：http://jsfid
Chromevs.box-sizing:border-boxinadisplay:table我正在使用display:table做一个小的2窗格布局。对于间距(也来自背景图像)，我使用padding。由于我需要孩子从可用空间中获得精确的width:50%(考虑到父div的填充)，所以我使用box-sizing:border-box.这在Opera中运行良好，但在Chrome中，box-sizing:border-box甚至-webkit-box-sizing:border-box会被默默忽略。我做了一个演示来说明这个问题。两个红框应该是方形的，蓝框应该是宽高200px：http://jsfid
