如何使用div垂直排列内容？

-1

我在我的Yii2应用程序中遇到问题，当我上传多个图像时，它将变得完全未对齐。 This is how it is 如何使用div垂直排列内容？

我想在上传多张图片时一个接一个地垂直对齐内容。 This is how i want

而且这是代码我使用

 <div class="people-nearby"> 
     <div class="nearby-user"> 
      <div class="row"> 
     <div class="col-md-2 col-sm-2"> 
      <?php 
          if (!empty($view)) { 
            foreach ($view as $request) { 
         echo' 
        <div class="col-md-2 col-sm-2"> 
        <img src="'.$request['MediaPath'].'" alt="user" class="profile-photo-lg"/> 
        </div> 
        <div class="col-md-7 col-sm-7"> 
         <h5><a href="#" class="profile-link">'.$request['ContentName'].'</a></h5> 

         <p>File type</p> 
         <p class="text-muted">500m away</p> 
        </div> 
        <div class="col-md-3 col-sm-3"> 
         <button class="btn pull-right"><i class="ion-ios-trash"></i></button> 
        </div> 

          '; 
            } }?> 


</div> 
    </div> 
      </div> 
     </div> 
     </div>

来源

2017-09-24 Sam

欢迎来到Stack Overflow。你已经尝试过这么做了吗？您的问题没有显示任何研究问题或自己尝试编码的证据。请回顾[我如何问一个好问题]（https://stackoverflow.com/help/how-to-ask）。堆栈溢出不是一种编码服务。预计你会研究你的问题，并尝试亲自编写代码***。如果您遇到的东西*规范*，回来和包括[最小，完整，可验证的示例]（https://stackoverflow.com/help/mcve）和你尝试过什么样的总结，所以我们可以提供帮助。 – FluffyKitten

嗨，朋友你有机会阅读另一篇相似的帖子吗？ https://stackoverflow.com/questions/79461/vertical-alignment-of-elements-in-a-div –

感谢您的帮助约翰。我只是通过在回声中插入div来解决问题。 – Sam

由我自己解决。将代码更改为

<?php 
         if (!empty($view)) { 
           foreach ($view as $request) { 
        echo' 



     <div class="row"> 


       <div class="col-md-2 col-sm-2"> 
       <img src="'.$request['MediaPath'].'" alt="user" class="profile-photo-lg"/> 
       </div> 
       <div class="col-md-7 col-sm-7"> 
        <h5><a href="#" class="profile-link">'.$request['ContentName'].'</a></h5> 
        <p>File type</p> 
        <p class="text-muted">500m away</p> 
       </div> 
       <div class="col-md-3 col-sm-3"> 
        <button class="btn pull-right"><i class="ion-ios-trash"></i></button> 
       </div> 




    </div>  '; 
           } }?>

现在工作正常。

来源

2017-09-24 03:46:39 Sam

如何使用div垂直排列内容？

回答

相关问题