我有一個TD寬度以%表示的常規表格。我想要的是,當單元格中寫入的文本比單元格寬度更長時,文本會溢出單元格,並且溢出是可見的。現在,如果文字更長,它會突破到下一行。我嘗試了單詞休息:保持所有!重要;但似乎並不奏效。我應該嘗試什麼?溢出表格單元格
Q
溢出表格單元格
0
A
回答
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 ;
表格單元格
這將使文本在同一行,也不會打破
相關問題
- 1. 表格單元溢出
- 2. 在HTML表格單元格溢出
- 3. UItable單元格溢出ios
- 4. XAML:網格單元格溢出
- 5. 獲取表格單元格在溢出元素內的位置
- 6. 表格單元格內聯CSS元素溢出
- 7. 使表格單元格內的textarea產生溢出效果
- 8. CSS顯示:表格單元格寬度100%溢出-x展開
- 9. 如何讓旋轉的div溢出表格單元格?
- 10. 添加文本溢出:省略號;到表格單元格
- 11. 如何在表格單元格溢出時將文本居中?
- 12. 微軟Word表格單元格文本溢出
- 13. 如何防止我的DIV溢出表格單元格?
- 14. 啓用溢出:滾動到表格單元格100%寬度
- 15. CSS表格單元格溢出被FF&Opera忽略
- 16. 溢出表格單元格中的文本
- 17. 佈局死角 - 表格單元格不斷溢出
- 18. 如何創建溢出時滾動的表格單元格
- 19. 強制圖像在表格單元格中溢出
- 20. HandsOnTable單元格內容溢出
- 21. 如何不溢出一個單元格?
- 22. 溢出表格div
- 23. 輸入元素溢出bootstrap網格系統單元格?
- 24. 防止HTML表格中的嵌套列表/項目符號單元格溢出單元格
- 25. 表格單元格內輸入元素 - 不按溢出:隱藏屬性
- 26. 表格單元格溢出:隱藏和絕對定位的元素
- 27. Angular ng單元格文本溢出以添加單元格懸停菜單
- 28. 表格單元格
- 29. 表格單元格
- 30. 表格單元格
可以添加您的標記和HTML – Geeky
你嘗試'白色空間:NOWRAP;'? – Banzay