幅の内側に

Question

スパンの要素を持つテーブルが番目のにあります。 私はスパン幅は番目に一致するようにしたいが、実際には、行全体を満たす:(

私のコード：。

for (var i = 0; i < testInfoFieldsNames.length; i++) { 
     title = testInfoFieldsNames[i].toLowerCase(); 

     th = $('<th></th>'); 
     span = $('<span></span>').addClass('cell-container').text(title); 
     th.append(span); 
    } 

    tableHeader.append(th); 

CSS：私は埋めるためにスパン幅を設定するにはどうすればよい

.cell-container { 
    position: absolute; 
    display: block; 
    top: 5px; 
    left: 0; 
    width: 100%; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
} 

thのみ？

Answer 1

次のように設定し、私はあなたのようなスタイル番目与えるべきだと思う：

th{ 
    position:relative; 
} 

Answer 2

これを試してください。これはあなたのために働くと思います。

link

for (var i = 0; i < testInfoFieldsNames.length; i++) { 
     title = testInfoFieldsNames[i].toLowerCase(); 

     th = $('<th><span class="cell-container">'+title+'</span></th>'); 
    } 

    tableHeader.append(th); 

この例をチェックしてくださいCSS

span.cell-container { 
    display: block; 
    top: 5px; 
    left: 0; 
    width: 100%; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
} 

Answer 3

タグ 'スパン' は、インライン要素です。幅と高さはありません。 あなたは使用する必要があります「のdiv」または財産

display:block;