html - HTML 固定コンテナー

Question

Web アプリのようなスプレッドシートを作成しましたが、セル内のテキストがセルの幅や高さを増やさないように、セルサイズを修正する必要があります。

ここで見ることができますhttp://i56.tinypic.com/4rw948.png。

セルは基本的に 2 つの列を持つ要素であり、すべてのセルが同じサイズになるように固定する必要があります。アルファベットが多いためにテキストが途切れても気にしません。

score 0 · Accepted Answer

0

たぶんoverflow: hidden、細胞を試してみてください。

于 2010-09-13T10:44:41.073 に答える

score 0 · Accepted Answer

CSSには要素のサイズを制限するものがありmax-widthます。max-heightあなたも見てみたいかもしれませんoverflow: hidden;

score 0 · Accepted Answer

セルで次のCSSを試すことができます。

width: 100px;
max-width: 100px;
min-width: 100px;
overflow: hidden;  // Or scroll if you want the content to be scrollable

score 0 · Accepted Answer

それは私が考える国境についてです。実行時にセルが選択されると、黒い境界線が作成されます。すべてのボーダーにはパディング効果があります。選択したセルの行の高さと幅から境界線の幅を引いた値を設定することをお勧めします。

例えば;

幅 100px の正方形を考えてみましょう。この正方形に幅 2 ピクセルの境界線を追加すると、幅は自動的に 104 ピクセルになります。幅 100 ピクセルの正方形の固定ビューが必要な場合は、幅を 96 ピクセルに設定し、幅 2 ピクセルの境界線を追加する必要があります。

お役に立てば幸いです。

score 0 · Accepted Answer

さて、各 td 内に div を配置し、次の CSS を適用することで、自分で問題を解決しました。

height: 40px;
min-height: 40px;
max-height: 40px;
overflow: hidden;

とにかく、皆さんの反応に感謝します。

5 に答える 5