如何在提供的空間內製作HTML表格？

我有一個以引導列爲中心的HTML表格，但是當屏幕尺寸變得太小時，即使它的左側有可用空間，它也會被切斷。另外，單個單元之間似乎還有一些額外的空間。 cellspacing="0"沒有工作。如何在提供的空間內製作HTML表格？

在我的代碼中使用媒體查詢，隨着屏幕變小（隨字體一起），我減小了表的大小。例如：

@media (max-width: 560px) { 
     body { 
     font-size: 20px; 
     } 
     table { 
     width: 280px!important; 
     font-size: 18px; 
     } 
    }

即使我用margin: auto爲表，它似乎並不像表時，屏幕小的中心。

Here是我的HTML頁面，您可以在其中查看錶格（如果減小窗口大小，您將看到表格何時穿過列邊框）。我的字體/寬度太大，無法放入空間，或者是否可以通過居中對齊和刪除某些單元格間距來適應它？

來源

2017-07-25 Nick Solonko

你試過添加寬度：100％嗎？

來源

2017-07-25 01:51:03

如何在提供的空間內製作HTML表格？

回答

相關問題