小编la1*_*ch3的帖子

Flexbox在Safari中仍然不稳定,flex-wrap无法正常工作

我已经仔细阅读了论坛寻找答案,但仍然无效.我在我的网站上使用CSS3 flexbox样式作为页脚.HTML如下:

<footer class="footer" role="contentinfo">

            <!-- copyright -->
            <div id="box1" class="box">
                <a class="btn" id="btn-donate" href="#">Donate</a>
                <a class="btn" id="btn-news" href="#">Get News</a>
            </div>
            <div id="box2" class="box">
                <h2>Quill Theatre</h2>
                <p>P.O. Box 7265<br>
                Richmond, VA 23221</p>
                <p>Info@QuillTheatre.org<br>
                804.340.0115</p>
                <span>Social goes here</span>

            </div>
            <div id="box3" class="box">3</div>
            <!-- /copyright -->

</footer>
Run Code Online (Sandbox Code Playgroud)

我的CSS如下...它有点脏了我曾经尝试过一堆东西来工作:

.footer {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  width: 100%;
}
.footer .box {
  order: 1;
  min-width: 50%;
  flex: 1 1 auto;
  -webkit-flex: 1 1 …
Run Code Online (Sandbox Code Playgroud)

css safari flexbox

5
推荐指数
1
解决办法
2926
查看次数

组合两个数组的相同索引对象

假设我有两个对象数组,如下所示:

var arr1 = [{name: 'Jay'}, {name: 'Bob'}];
var arr2 = [{age: 22}, {age: 30}];
Run Code Online (Sandbox Code Playgroud)

我想要一个像这样的组合数组:

var arr3 = [{name: 'jay', age: 22}, {name: 'Bob', age: 30}];
Run Code Online (Sandbox Code Playgroud)

您可以放心地假设两个初始数组将具有彼此匹配的索引,这意味着arr1的索引0将始终与arr2的索引0一起使用.

实现这一目标的最快方法是什么?我想象一个forEach嵌套在另一个forEach循环中的循环并arr1使用当前对象扩展每个对象arr2,但我觉得这可能太复杂了.

javascript arrays object

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

标签 统计

arrays ×1

css ×1

flexbox ×1

javascript ×1

object ×1

safari ×1