2017-03-23 9 views
0

が、私はこのポストを開き、最長のテキストと同じ幅の列の幅にする方法:How to set table column widths to the longest value, excluding headerCSS:私は成功せず、この記事を見た後

私はテーブルを描きたい、と私は幅があることしたいです各列の最長テキストとの互換性があります。たとえば、次の値が列Aにある場合: "abc"、 "abcd"、 "abcde"、列Aの幅は5文字です。

は、私が試した:

td { 
    white-space: nowrap; 
    overflow: hidden; 
} 

私はそれをどのように行うことができますか?

{ 
     white-space: nowrap; 
     overflow: hidden; 
} 

そして、あなたのテーブル、TRとTD要素に幅の設定を設定しない:

+0

これまでに何を試しましたか? – Conor

答えて

0

は折り返さないようにテキストをスタイリングしてみます。

これが機能するかどうかを確認してください。

+0

申し訳ありませんが、動作しません。 – CrazySynthax

1

私はそれがテーブルのデフォルトの動作だと思います。あなたが望むように動作するシンプルなテーブルを作っています(JSFiddle参照)。列の幅は、その中の最長のテキストと同じです。

<table> 
    <thead> 
    <th>Column A</th> 
    <th>Column B</th> 
    </thead> 
    <tbody> 
    <tr> 
     <td>abc</td> <td>abcdefghijklm</td> 
    </tr> 
    <tr> 
     <td>abcdefghijklmno ddsp</td> <td>ab</td> 
    </tr> 
    <tr> 
     <td>ab</td> <td>ab</td> 
    </tr> 
    </tbody> 
</table> 

他に尋ねたいかどうかわかりません。

関連する問題