在我的网站上,所有数据都是从数据库中获取的。这些数据将连续显示在三列中。 我的代码:
while ($data = $query->fetch_array()) {
?>
<div class="col-md-4 col-sm-4" >
<!-- Image boxes style 1 default element -->
<div class="box image-boxes imgboxes_style1">
<!-- Image box link wrapper -->
<a class="hoverBorder imgboxes-wrapper" href="hti-admin/pdf_files/<?php echo $data['cv_path']; ?>" target="_blank">
<!-- Border image wrapper -->
<span class="hoverBorderWrapper">
<!-- Image -->
<img src="hti-admin/<?php echo $data['image_path']; ?>" class="img-responsive imgbox_image cover-fit-img" alt="" title="" />
<!--/ Image -->
<!-- Hover border -->
<span class="theHoverBorder"></span>
<!--/ Hover border -->
</span>
<!--/ Border image wrapper -->
<!-- Button -->
<h6>Download</h6>
<!--/ Button -->
</a>
<!--/ Image box link wrapper -->
<!-- Title -->
<h3 class="m_title imgboxes-title"><?php echo $data['name']; ?></h3>
<!--/ Title -->
<p>
<?php echo $data['details']; ?>
</p>
</div>
<!--/ Image boxes style 1 default element -->
</div>
<!--/ col-md-4 col-sm-4 -->
<?php
}
?>
问题是列显示正常,但一行与另一行重叠。查看屏幕截图:http://prntscr.com/n6hyrg 如果数据是静态的,那么我可以使用
但是如何解决动态数据中的这个问题