Javascript 如何在React Native中模拟CSS列计数？_Javascript_Css_React Native_Css Multicolumn Layout

Javascript 如何在React Native中模拟CSS列计数？

javascript css react-native

Javascript 如何在React Native中模拟CSS列计数？,javascript,css,react-native,css-multicolumn-layout,Javascript,Css,React Native,Css Multicolumn Layout,使用CSS列，可以跨多个列包装图像和div。例如，如果您设置如下CSS文件： html, body { height: 100%; } body { overflow: hidden; margin: 0; background-color: orange; } #master-container { height: 100%; column-count: 2; } #child-container { height: 200%;

使用CSS列，可以跨多个列包装图像和div。例如，如果您设置如下CSS文件：

html,
body {
    height: 100%;
}
body {
    overflow: hidden;
    margin: 0;
    background-color: orange;
}
#master-container {
    height: 100%;
    column-count: 2;
}
#child-container {
    height: 200%;
    width: 100%;
    background-color: cadetblue
}
.child-element {
    height: 33%;
    width: 100%;
    background-color: crimson;
    margin-bottom: 15px;
}

<!doctype html>
<html>

    <link rel="stylesheet" href="index.css">

<body>

<div id="master-container">
    <div id="child-container">
        <div class="child-element"></div>
        <div class="child-element"></div>
        <div class="child-element"></div>
    </div>
</div>

</body>

</html>

HTML是这样的：

html,
body {
    height: 100%;
}
body {
    overflow: hidden;
    margin: 0;
    background-color: orange;
}
#master-container {
    height: 100%;
    column-count: 2;
}
#child-container {
    height: 200%;
    width: 100%;
    background-color: cadetblue
}
.child-element {
    height: 33%;
    width: 100%;
    background-color: crimson;
    margin-bottom: 15px;
}

<!doctype html>
<html>

    <link rel="stylesheet" href="index.css">

<body>

<div id="master-container">
    <div id="child-container">
        <div class="child-element"></div>
        <div class="child-element"></div>
        <div class="child-element"></div>
    </div>
</div>

</body>

</html>

结果是：

我想用React Native在手机上实现同样的效果。有人知道这个CSS列计数魔术实际上是如何工作的吗？某种吃豆人/小行星风格的图形把戏？重复元素？

主持人您好？我已经5个月没有接触编程了，这是我问的最后一个问题。5个月后我带着另一个问题回来了，我被禁止提问。我不知道怎么解决这个问题？我已经厌倦了这个网站，它的苛刻规则。我在这里所做的就是带着好奇的精神提问。我没有计算机科学学位。我自学了一切。我只是想解决问题。为什么你要惩罚我？我是否对我的问题如何使您的网站看起来负责？当然，责任在回答者身上。