自動超過テーブルサイズを回避するにはどうすればよいですか？

Question

例：私のテーブルの高さと幅は10:10です。私はテーブル内のいくつかの段落を入力すると、予期せず幅（50）が増加しています。そのことを避けるために私に解決策を教えてください。

Answer 1

私の場合、テーブル内のテキストがどのようにレンダリングされるのか分かっていれば、あなたは、CSSと一緒に、テキストの完全なコントロールを得ました。スニペットの上

<table style="background-color:#ccc;"> 
    <tr> 
     <td><div style="width:20px;height:20px;">'randomtext</div></td> 
    </tr> 
</table> 

あなたはDIVタグの中に置かれたあらゆる静的ボックスを提供します。サイズに合わない文字を非表示にする場合は、overflow:hiddenを追加してください。

<div style="width:20px;height:20px;overflow:hidden;">'randomtext</div> 

また、同じ効果を達成するために<table style=''>タグにtable-layout:fixed; CSS属性を使用することができます。 overflow:hiddenはDIVのようにtable-laytと同じ効果を与えます。私は設計目的でテーブルの使用を避けることを指摘します（DIVはこれの要素です）。しかし、私が正しく質問を理解していない場合、私はまた懇願します。あなたの質問は、現時点でははっきりしているはずです。

サイドノート、
我々は10×10画素の正方形の高さの例を言う場合。 'などを入力すると、表が大きくなります。多分、高さはおそらくフォントスタイルに依存しているかもしれません。 <div>はこれを無効にすることができます。たとえ文字が見た目ほど小さくても、引用符のように、その選択されたサイズ、フォントフェース、およびエンコーディングのフルサイズの周りにボックス用に予約されたスペースがあります。