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

【问题标题】：How to make div height fixed from any situation如何在任何情况下固定 div 高度
【发布时间】：2016-08-23 18:32:49
【问题描述】：

这里是代码。我正在使用引导程序。

我想在来自数据库的任何情况下固定 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>";?>

【问题讨论】：

你不能以像素为单位设置 col 高度吗？
欢迎来到 Stack Overflow。你可以改进你的问题。请阅读Minimal, Complete, and Verifiable example。当你的代码没有任何额外的东西显示你的精确问题时，你就是在尊重那些自愿帮助你的人。另外，请格式化您的代码以消除滚动。

标签： php html css twitter-bootstrap

【解决方案1】：

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

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

【讨论】：