セルの内容にかかわらずテーブルセルの高さが固定されています

Question

ユーザーから入力を取得して表形式のデータを表示した後に生成するダイナミックテーブルがあります。私はいくつかのコンテンツ/テキストを持っている場合でも、セルの固定された高さを割り当てるために離れているかどうかを知る必要があります。コンテンツがあるか空であるかにかかわらず、すべてのセルの高さが30pxになるようにしたいと思います。

これは私が持っているCSSです：

table { 
    width: 90%; 
    height:100%; 

} 
    table th, table td { 
     border: 1px solid gray; 
     height:30px !important; 
     padding: 9px !important; 
     width: 16%; 
    } 

テーブルは、このコードによって生成されます

foreach ($this->rows as $i => $row) { 
      $tbody_tr = NHtml::el ('tr class="data-row-' . $i . '"'); 
      foreach ($this->fields as $field) { 
       $tbody_tr->add(NHtml::el ('td')->class($field['name'])->setHtml(@$row[$field['name']])); 
      } 

しかし、私はいくつかのテキストを有する細胞を持っている場合、セルの高さはとにかく拡大します。何か案は？

Answer 1

表のセルを使用すると、ここでオーバーフロー

を使用するために、DIVのコンテンツをラップする必要があるので、オーバーフローは一例ですません。http://jsfiddle.net/avVQm/

HTML：

<table> 
<tr> 
    <td> 
    <div> 
    gf asfdg fsagfag fdsa gfdsg fdsg fds g fdg 
    </div> 
    </td> 
</tr> 
</table> 

はCSS：

table { 
    width: 30px; 
    border: 1px solid black; 
} 

table td > div { 
    overflow: hidden; 
    height: 15px; 
} 

お客様のPHP：

私が使用しているフレームワークの構文は正確にはわかりませんが、あなたのPHPはこのように見えます。

Answer 2

th/tdのCSSに「overflow：hidden」を追加してみてください。