0

したがって、高さが固定されたテーブルが必要であり、Zurb レスポンシブ テーブル<tr>'sと同様に非常に長い間<td>'s「継続」されていますが、通常の Web ブラウザー (電話ではありません) 用です。

<table>
    <tbody>
        <tr>
            <td>Hello</td>
            <td><div>This is a div in a td with a longer text</div></td>
            <td><div>This is aaaaaaaaaaaalso a td with a looong word</div></td>
            <td>Normal sized td</td>
        </tr>
    </tbody>
</table>

この新しい例は、私の問題が何であるかを正確に示しています: jsfiddle

日付列はできるだけ小さくする必要があります。

これを行う方法を知っている人はいますか（できればjavascriptなしで）？

4

3 に答える 3

1

何をしようとしているのかわかりませんが、 と を見てwhite-space:nowrapくださいtable-layout: fixed。

あなたのcssは次のようになります

table {
  table-layout: fixed;  
}    

td {
  overflow: hidden;
  border: 1px solid;
  height: 50px;
  padding: 5px;
  white-space:nowrap;
}

たとえば、 の固定幅はのスタイルに<td>追加されます。width: 30%<td>

于 2013-02-04T08:22:19.630 に答える
0

何をしようとしているのかよくわかりませんが、より長いという意味では、横に広くしたいですか、それとも縦にだけにしたいですか? 上記の2つの回答では得られないため

  Width:75%;

これは、テキストに従って拡張され、新しい行に分割されません。これにより、基本的に、コンテンツが入力されたときに Web ページが新しい行に分割されるのではなく、ちょうど水平になります。

したがって、基本的には広く展開したい場合は、追加するだけです

  Width: [amount of px you want or % of page]

.css 上または

  <td width="75%">

これがあなたが探しているものかどうかわかりません。

于 2013-02-04T09:54:21.283 に答える