當td文本太長時，HTML css表格寬度不斷增長

對不起，也許有很多代碼，但爲什麼我將表格設置爲固定大小，但是當我的內容太長時，它不適合它的寬度，但它正在將桌面尺寸從810px增加到許多更長的時間......問題是什麼？哪裏不對？當td文本太長時，HTML css表格寬度不斷增長

<table cellpadding="0" cellspasing="0" class="sortable zebra tablesorter tablesorter-default" id="articles-table"> 
...

http://jsfiddle.net/FN5Sn/

在這裏，因爲它看起來的像現在（和mu是這樣）： enter image description here

這裏就是它看起來的時候我改變了一些列內容一樣（所以表不是810像素並encreasing在可視區域）

enter image description here

但我畝噸集，該表是固定的大小，只有例如，第三列的大小越來越小，如果表是長....如何做到這一點？

注：第二列必須NOWRAP ....所有其他的可能是汽車的寬度

來源

2013-03-11 brabertaser19

它的截圖有用。你真的需要在你的問題中包含一個簡短的工作代碼示例（htlm + css），以便人們正確回答它。 – 2013-03-11 21:33:37

@Diodeus小提琴在這裏...但它是巨大的，但我不能刪除那裏的東西，因爲它可能在這裏很重要... – brabertaser19 2013-03-11 21:34:27

@ brabertaser1992：如果你的表依賴於其他任何東西來正常工作，你正在做錯誤。試着舉一個簡短的例子，只包含表格（和相關元素）以及爲它們提供動力的CSS。 – 2013-03-11 21:37:49

您需要從違規的TD刪除此：

white-space:nowrap;

這裏是你如何使用鼠標懸停效果，揭示隱藏的文本不適合在TD：

HTML：

<table width="100" border="1"> 
    <tr> 
     <td> 
      <div class="long">123 456 790-1122-4455</div> 
     </td> 
      <td> 
      Other Data 
     </td> 
    </tr> 
</table>

CSS：

td { 
    white-space:nowrap; 
    min-height:25px; 
    position:relative; 
    width:90px 
} 

.long { 
    overflow-x:hidden; 
    width:90px; 
} 

.long:hover { 
    position:absolute; 
    z-index:10; 
    top:0; 
    left:0; 
    width:200px; 
    background-color:#c0c0c0; 
    border:1px solid #000000; 
    overflow-x:visible 
}

來源

2013-03-11 21:35:49

不，不，不......他們必須是自動的，但所有的桌子必須在810px，並且2-d必須是nowrap ....這很重要...第二個td必須是nowrap，但所有其他汽車 – brabertaser19 2013-03-11 21:37:14

@ brabertaser1992：你不能吃你的蛋糕，也不能吃它。如果線不包裹，寬度不能固定。在表格中，如果需要使內容適合，內容*將*推送並忽略寬度和高度規則。 – 2013-03-11 21:38:33

@MadaraUchiha如何解決問題...其他方式？我的第二列必須始終與nowrap – brabertaser19 2013-03-11 22:07:00

當td文本太長時，HTML css表格寬度不斷增長

回答

相關問題