如何在任何情况下固定div高度

Question

这是代码。我使用bootstrap。

我想从数据库的任何情况下修复div高度。

如果书名和描述有更多特征，那么不要增加身高，如果字符少，则不要对div高度产生影响。

我该如何解决这个问题？

            <?php 
              echo "<div class='item active'>";
              echo "<div class='row'>";
                foreach($books as $key=>$value)
                {

                    //if we can divide $key by six without remainder

                    if ($key % 6 ==0 AND $key!=0 ) 
                    {
                        echo "</div>";
                        echo "</div>";
                        echo "<div class='item'>";
                        echo "<div class='row'>";
                    }
                   echo '<div class="col-lg-2 col-xs-12 col-md-4 col-sm-6 thumbnails">';
        echo ' <div class="fff"> ';
        echo ' <a href="#"><img class="img-responsive" src="'. base_url().'assets/images/css.jpg" alt=""></a>';
                echo ' <strong>'.substr($value->BookTitle,0,40).'</strong><br>';
                echo '    <strong style=" color:#029f5b;"> '.$value->BookAuthorName.'</strong><br>';
        echo ' <span style=" font-size:13px;">'.substr($value->BookDetail,0,70).'';   
        echo ' </span><a class="" href="'.base_url().'Book/'.str_replace(' ','-',$value->BookTitle).'">» Read More</a>';
        echo ' </div>';
              echo '</div>';
               }
            echo "</div>";  
            echo "</div>";?> 

Answer 1

您可以在文本元素中添加以下/类似的css类，以将其限制为相同的高度，并使用CSS 修剪内容：

.truncate {
width: 95%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}