2016-11-23 135 views
0

我有一個TD寬度以%表示的常規表格。我想要的是,當單元格中寫入的文本比單元格寬度更長時,文本會溢出單元格,並且溢出是可見的。現在,如果文字更長,它會突破到下一行。我嘗試了單詞休息:保持所有!重要;但似乎並不奏效。我應該嘗試什麼?溢出表格單元格

+0

可以添加您的標記和HTML – Geeky

+0

你嘗試'白色空間:NOWRAP;'? – Banzay

回答

0

爲了響應佈局,使用最大寬度CSS屬性指定的最小有效列的寬度,或者只使用max-width:0;無限的靈活性。此外,包含表格需要特定的寬度,通常寬度爲100%;列的寬度通常設置爲總寬度的百分比。你可以嘗試這樣。

table { 
    width: 100%; 
} 
td { 
    max-width: 0; 
    overflow: visible; 
    white-space: nowrap; 
} 
td.columnA { 
    width: 30%; 
} 
td.columnB { 
    width: 70%; 
} 
+0

類似的東西,但沒有文本溢出:省略號和溢出:可見!編輯,我可以選擇它作爲正確的答案! –

+0

很高興工作。我按照你的建議編輯過。非常感謝。 –

1

你只需要添加white-space: nowrap ;表格單元格

這將使文本在同一行,也不會打破