Question

ここにコードがあります。私はブートストラップを使用しています。

どのような状況であっても、データベースから来たものから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クラスを追加することができます。あなただけでCOLの高さを設定することはできません

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