小编Ath*_*hul的帖子

是否有类似于array_column多维数组的函数？是否有一个函数可以将下面的第一个数组转换为第二个数组：

Array
(
    [0] => Array
        (
            [foodType] => fruits
            [itemID] => 1
            [itemName] => apple
        )

    [1] => Array
        (
            [foodType] => fruits
            [itemID] => 2
            [itemName] => banana
        )

    [2] => Array
        (
            [foodType] => veggies
            [itemID] => 3
            [itemName] => carrot
        )

    [3] => Array
        (
            [foodType] => veggies
            [itemID] => 4
            [itemName] => broccoli
         )

)

结果数组：

Array
(
    [fruits] => Array
        (
            [0] => Array
                (
                    [itemID] => 1
                    [itemName] => apple
                ) …

我有这样的标签：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Profile</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Contact</a>
  </li>
</ul>
<div class="tab-content" id="pills-tabContent">
  <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">...</div>
  <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">...</div>
  <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">...</div>
</div>

但是，我不想把它们放在左边，而是希望它们放在中间。我尝试了text-align：center; 甚至设置margin-left：0和margin-right：0都没有用。无需重写整个代码的最简单方法是什么？

<div class="navigation-menu w-32 d-flex flex-row">
   <div class="visible"><a href="#">??????1</a></div>
   <div class="visible"><a href="#">??????1</a></div>
   <div class="visible"><a href="#">??????1</a></div>
   <div class="visible"><a href="#">??????1</a></div>
   <div class="visible"><a href="#">??????1</a></div>
   <div id="more-hd more-vis"><i class="fas fa-chevron-circle-down"></i></div>  
 </div>

我试图隐藏最后一个Div.I使用bootstrap.So,d-none没有帮助,在css中#more-hd display:none也是如此,也是JS document.getElementById("more-hd").style.display = "none".它总是可见的..我也尝试过ul> li首先......没有任何反应