2016-08-12 7 views
0

私はCSSで開発とクエストを続けています。 テーブルセルをすべて同じ幅で配置したいのですが、jsfiddleでどのように表示されるかは似ていません。私は手動で "thタグ"と "tdタグ"に幅を入れようとしましたが、私が定義する幅を与えていません。次のように表のセル幅は一律です

.tablesorter { 
margin: -5px 0 0 0; 
table-layout: fixed; 
} 

.tablesorter td{ 
margin: 0; 
padding: 0; 
border-bottom: 1px dotted #ccc;  
} 

.tablesorter thead tr { 
height: 34px; 
color:#082B33;; 
background:#B5E5EF; 
text-align: left; 
cursor: pointer; 
} 

フィドルのリンクは次のとおりです。 https://jsfiddle.net/4j43fdm1

答えて

2

はとてもブレークすべてが正しい行にテキストを壊すこの

.tablesorter{ 
    width:100%; 
    } 

table tr th, table tr td{ 
    width:16.6%; 
    word-break: break-all; 
    } 

Click here for demo

+0

を試してみてください?列の数が異なる表を使用するとどうなりますか?私は幅を適用する必要があります:tr thで、別の? –

+0

はいそれは次の行に侵入します –

関連する問題