我正在尝试使用以下代码平衡图像库中列之间的高度:
section {
background: magenta;
/* So you can see the area I don't want to appear */
}
.gallery {
width: 100%;
line-height: 0;
-webkit-column-count: 2;
-webkit-column-gap: 0;
-moz-column-count: 2;
-moz-column-gap: 0;
column-count: 2;
column-gap: 0;
}Run Code Online (Sandbox Code Playgroud)
<section class="gallery">
<div>
<img src="http://lorempixel.com/800/1000/">
</div>
<div>
<img src="http://lorempixel.com/800/600/">
</div>
<div>
<img src="http://lorempixel.com/800/200/">
</div>
<div>
<img src="http://lorempixel.com/800/700/">
</div>
<div>
<img src="http://lorempixel.com/800/900/">
</div>
<div>
<img src="http://lorempixel.com/800/400/">
</div>
<div>
<img src="http://lorempixel.com/800/200/">
</div>
<div>
<img src="http://lorempixel.com/800/600/">
</div>
<div>
<img src="http://lorempixel.com/800/700/">
</div>
<div>
<img src="http://lorempixel.com/800/600/">
</div> …Run Code Online (Sandbox Code Playgroud)现在,这是我理解React中事件处理的方式:
document图层捕获它EventPluginHubSyntheticEvent如果我对React内部的理解是正确的,并考虑到HTML规范的这一部分:
将事件对象分派给事件目标.但是在发送开始之前,必须首先确定事件对象的传播路径.
React会等到事件冒泡document到创建它SyntheticEvent吗?如果是这样,为什么?在事件生命的第一步中,有关其传播路径的所有信息都是已知的,因此他们可以在那里完成.