如何將水平滾動條添加到div內的表中? 有沒有CSS解決方案?如何向div中的表添加水平滾動條?
7
A
回答
11
您將無法向表中添加滾動條,但可以將其添加到包含您的表格的DIV中。
例如:
<div style="width: 400px; height: 200px; overflow: scroll;">
<table>...</table>
</div>
3
試試:
div {
display: block;
height: 200px;
overflow: scroll;
}
+0
那就是答案 div { float:left; 身高:自動; overflow-x:auto; overflow-y:hidden; white-space:nowrap; } – Sandy
4
要添加滾動使用溢出:
div {
width: 100px;
overflow: auto;
}
你必須寬度添加到表太:
table {
width: 300px;
}
+0
yhays the div div { float:left; 身高:自動; overflow-x:auto; overflow-y:hidden; white-space:nowrap; } – Sandy
7
如果您只想要一個水平滾動條,請使用overflow-x:auto;然後設置寬度。
div
{
width: 300px;
overflow-x:auto;
overflow-y:hidden;
}
相關問題
- 1. 如何添加水平滾動條flexislider2
- 2. div的水平滾動條
- 3. div的水平滾動條
- 4. 如何在我的表中添加水平滾動條
- 5. 滾動條水平DIV
- 6. DIV水平滾動條成爲主要水平滾動條
- 7. 如何在列表視圖中添加水平滾動條?
- 8. 如何在引導表中添加水平滾動條?
- 9. 爲面板添加水平滾動條
- 10. TD不會添加水平滾動條
- 11. 強制添加水平滾動條
- 12. 如何添加水平滾動條用於UL表
- 13. 如何將水平滾動條添加到具有垂直滾動條的父div的內部div?
- 14. 向面板的頂部添加水平滾動條
- 15. 使用gridview將水平滾動條添加到div?
- 16. 嵌套的DIV和水平滾動條
- 17. 如何使用primefaces在BarChart中添加水平滾動條3.2
- 18. 如何在JFreeChart中添加水平滾動條?
- 19. 如何在Extjs Ext.Panel中添加水平滾動條?
- 20. 如何水平/垂直滾動條添加到JScrollPane中
- 21. 如何添加水平滾動到UIView?
- 22. 水平滾動Div
- 23. 平滑滾動div水平的像素量,沒有滾動條
- 24. 如何禁用水平滾動? (不去除水平滾動條)
- 25. 水平滾動+滾動條
- 26. 是否可以向html選擇框添加水平滾動條?
- 27. 水平滾動條中的表
- 28. 用水平滾動條做一行div
- 29. 向div中水平添加元素
- 30. 如何消除拖放div中的水平滾動條
div { float:left; 身高:自動; overflow-x:auto; overflow-y:hidden; white-space:nowrap; } – Sandy