小编Fau*_* NA的帖子

在仅包含图像的列数CSS列中平衡高度

我正在尝试使用以下代码平衡图像库中列之间的高度:

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)

html javascript css

21
推荐指数
1
解决办法
1713
查看次数

React什么时候创建SyntheticEvents?

现在,这是我理解React中事件处理的方式:

  1. 发生本机事件捕获阶段
  2. 本机事件达到目标
  3. 原生事件泡沫备份
  4. React在document图层捕获它
  5. React将它放入其中 EventPluginHub
  6. React模拟另一个完整的捕获/泡沫往返 SyntheticEvent
  7. React运行您在代码中构建的处理程序

如果我对React内部的理解是正确的,并考虑到HTML规范的这一部分:

将事件对象分派给事件目标.但是在发送开始之前,必须首先确定事件对象的传播路径.

React会等到事件冒泡document到创建它SyntheticEvent吗?如果是这样,为什么?在事件生命的第一步中,有关其传播路径的所有信息都是已知的,因此他们可以在那里完成.

reactjs

10
推荐指数
1
解决办法
230
查看次数

标签 统计

css ×1

html ×1

javascript ×1

reactjs ×1