图像未按预期方式对齐

我的所有图像都按顺序排列，但在第3行中，图像与上图无法对齐。我无法弄清楚问题所在。其实它工作正常，直到管理员上传一个空白的图像图像，但这是整理出来，当图像再次上传问题开始上升。这是我的问题的链接。图像未按预期方式对齐

http://hurdec.org.np/about_us.php

   <?php 

      $about = sliding_image(); 
      while($about_fetch=mysql_fetch_array($about)){ 
     ?> 
     <div class="row"> 

      <div class="span3"> 

       <div class="team-member"> 

        <div class="team-member-preview"> 

         <img src="images/<?php echo $about_fetch["image_name"];?>" alt=""> 

         <div class="team-member-hover"> 

          <div class="social-media fixed"> 
           <a class="youtube-icon social-icon" href="#"> 
            <i class="fa fa-youtube"></i> 
           </a> 
           <a class="pinterest-icon social-icon" href="#"> 
            <i class="fa fa-pinterest"></i> 
           </a> 
           <a class="facebook-icon social-icon" href="#"> 
            <i class="fa fa-facebook"></i> 
           </a> 
           <a class="twitter-icon social-icon" href="#"> 
            <i class="fa fa-twitter"></i> 
           </a> 
          </div><!-- end .social-media --> 

         </div><!-- end .team-member-hover --> 

        </div><!-- end .team-member-preview --> 

        <h5><?php echo $about_fetch["name"];?></h5> 
        <p class="mute"><?php echo $about_fetch["qualification"];?></p> 

        <div class="adjust_about"> 
        <h5> Areas of Expertise </h5> 
        <ul> 

        <li><?php echo $about_fetch["area_of_expertise"];?> </li> 

        </ul> 


        </div> 


       </div><!-- end .team-member --> 

      </div><!-- end .span3 --> 

       <?php 
      } 
        ?> 
</div>   
     </div> 

    </div> 
       <div class="row"> 
      <div class="span12"> 

       <div class="divider single-dotted"></div> 

      </div><!-- end .span12 --> 
     </div><!-- end .row -->

来源

2014-09-30 samhu kiklsk

你周围有太多'.row' div。你应该重命名每个人的'块'，而不是像'.box'，然后让他们'display：inline-block' – Lee 2014-09-30 13:28:15

这是因为Yadap比别人更短的生物。添加一个

<br clear="left" />

之后每第四届生物。

来源

2014-09-30 13:28:18

首先，从循环删除您

<div class="row">

。您应该只定义一次，然后在其中添加span3元素。像这样：

<div class="row"> 
<?php 
    $about = sliding_image(); 
    while($about_fetch=mysql_fetch_array($about)){ 
?>  
<div class="span3"> 
</div> 
<?php 
    } 
?>

此外，团队成员类应该有一个固定的高度，你的代码是现在。当其中一个比另一个短时，你会遇到现在遇到的那种麻烦。

你也可以做的是将4个元素添加到一行中，然后关闭它并为接下来的四个元素打开一个新的行标记。

来源

2014-09-30 13:30:50

我按照你的说法试过，它看起来不正确，但是可以排序几个问题。你能再看一次吗？我需要在今天提供它。 – 2014-09-30 15:32:34

图像未按预期方式对齐

回答

相关问题