0

私は CSS と HTML に習熟していると思いますが、HTML テーブルの列の 1 つでこの問題を理解できません。リンクは次のとおりです。

http://stormaware.net/reports.php

私はかなり長い間それに取り組んできましたが、固定幅、最小幅、最大幅を使用してきましたが、テーブルのサイズが小さくなったときに最後の列 (コメントの下) を正しくサイズ変更する方法がわかりません. ブラウザ ウィンドウを縮小または拡大すると、表が収まるようにサイズ変更されます。ただし、ブラウザー ウィンドウを十分に縮小すると、最後の列が次の行に表示されます。

これはレスポンシブではないことなどは認識しています。後ですべての作業を行っていますが、今のところ、コメント列のコンテンツの幅を減らして独自の列に収まるようにしようとしています.

どんな助けでも大歓迎です。

4

2 に答える 2

1

このソリューションは、Chromeでテストしていたときにうまくいきました..また、少しグリッチがありました..

th[scope="row"] table.reports_table tr td {
    padding: 8px 10px;
    color: black;
    float: left; /*Remove this */
}
于 2013-08-31T19:14:37.970 に答える
0

コンテンツがテーブル サイズを超えて大きくなると、通常はオーバーフローします。テーブル レイアウトを「固定」に設定すると、コンテンツがオーバーフローするのを防ぐことができます。あなたの場合：

.table.reports_table {
table-layout:fixed;
}

table-layout が固定されている場合、min-width は table 要素ではほとんど役に立ちません。したがって、それらを幅に変更します。あなたの場合：

.th[scope="row"] table.reports_table tr td:nth-child(10) {
width: 440px;
}

テーブル内のすべての td のセルに収まるように単語を分割します。あなたの場合：

.reports_table{
    word-break: break-all;
}
于 2013-08-31T19:29:26.130 に答える