Html Can'；我不能让边界间距起作用

我正在为一个朋友设计一个非常简单的页面。我想把它做成一张桌子。我无法让边界间距工作，因为

你可以在这里看到我的作品：

也许这部分覆盖了什么

@media screen and (max-width: 500px) {    
.info td {
    display: block;
    float: left;
    width: 50%;
}
.info tr,
.info td:nth-child(3) {
    float: none;      
    width: 100%;
}

---

这已经被提到了，但总的来说，这些天桌子都是相当大的失礼。但是，不要害怕使用其他方法！您可以使用一些非常非常简单的网格模式

考虑使用：

自举（）

或者永远存在的960网格系统（）

---

这些系统都是预先编写好的，我想你会发现它们为你提供了更好的服务，并为你将来的项目节省了很多时间

不要在页面布局中使用表格，有更好、更灵活和更具响应性的方法。我知道，但我知道表格，我认为这是一个简单的选择。如果设置

边框折叠：折叠

，则

边框间距

属性将无效。使用表标记可能会妨碍您获得所需的布局。对于大屏幕，您希望一行有3个项目，对于小屏幕，一列有3个项目。即使您知道表格是如何工作的。。。由于布局，它们绝对（我很高兴）过时了。帮你的朋友一个忙，使用实际的布局技巧。。。您甚至不必学习太多，许多css布局已经存在，您可以下载，包括在您的项目中，并使用添加一些类到您的容器中。