列が許可されているより多くのピクセルを占める

Question

私はこのテーブルを持っていて、同じ幅にする必要がありますが、代わりにLINK TO IMAGEと表示されます。私はそれの幅の要素を設定する場合、ラップを開始しますが、今のところ、それは単にテーブルのスペースを取って、他の要素を位置からずらしているだけです。 THとTD要素がすべて同じ幅になるように、これを修正するにはどうすればよいですか？テーブルのレイアウトは固定です。

Answer 1

コンテンツに応じてセルのサイズを変更する場合は、表、行、またはセルの幅を指定しないでください。

単語の折り返しが不要な場合は、CSSスタイルの白い空白：nowrapをセルに割り当てます。

Answer 2

TDエレメントが正しく切断されるには少しCSSが必要です。トリックはあなたのCSSの幅よりも長いものを隠すために "オーバーフロー：隠し"を追加しています。

<style> 
 
td { 
 
    width: 94px; 
 
    overflow: hidden; 
 
    display: inline-block; 
 
} 
 
</style> 
 

 
<table width="300" border="1"> 
 
\t <tr> 
 
\t \t <td width="100">abcderfrjdbgrgoeberov</td> 
 
\t \t <td width="100">fghf</td> 
 
\t \t <td width="100">ghgfgf</td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td>fghfghf</td> 
 
\t \t <td>tghrthtrhtrhtrhtrhtrhtrhrthrth</td> 
 
\t \t <td>ghrthrttrhrt</td> 
 
\t </tr> 
 
</table>