テーブルの幅を固定して、テキストによって幅が変わらないように設定

ページ内のテーブルの幅を width="600px" に設定した後も、幅が固定されません。テキストが長すぎると折り返されず、テーブルが変形します。

解決：

1. テーブルの幅を設定します。絶対幅と相対幅の両方が許容されます。

テーブルレイアウト:固定;
このプロパティを設定すると、残りのすべての td の幅が同じになります。

この操作の後、表の幅は固定されますが、中の記事が非常に長い場合は、テキストが表を覆い隠します。

解決：

テキストを折り返すには、td に style="word-wrap:break-word;" を追加します。テキストを折り返したくない場合は、制限を超えるコンテンツを非表示にして省略記号に置き換えることができます。

上記tdを追加

コードをコピー

コードは次のとおりです。

オーバーフロー:非表示;
空白:折り返しなし;

text-overflow:ellipsis; (現在はIE8でのみテスト済み)
推奨される方法 (2013-11-14 by Zhang Lei) div を使用して td のコンテンツを制御する

TDに追加

（１）テキストは幅と高さの制限を超えると自動的に非表示になります。

コードをコピー

コードは次のとおりです。

<div style="width:100px;height:25px;overflow-x:hidden;overflow-y:hidden;">ああああああああああああああああああああああああああああああああ</div>

（２）TD幅が長さを超えたときに自動的に折り返すように設定する

コードをコピー

コードは次のとおりです。

<td><div style="width:100px;word-wrap:break-word;" >ああああああああああああああああああああああああああああああああああ</div>
</td>

<<: LED を使って Linux カーネルを使い始める方法を探る