HTML5表格-我只想在调整浏览器大小时调整某些列的宽度

标题说明了一切，但这里有更多的细节。我有一个8列的表。如果调整表的大小，其中2列包含我不介意截断的信息，但其他列包含应该完整显示的信息。因此，当调整表的大小并使其变窄时，我希望所有的变窄只发生在这两列中，而不发生在其他列中。

我将使用媒体查询来实现这一点。一旦table元素达到某个宽度，就隐藏或收缩列。像这样的东西，你将不得不调整它，并可能添加更多。还可以查看Twitter引导。您可以使用他们的框架轻松实现这一点

@media (min-width: 1200px) {  
#tableColumn {
display:block;
  }
}

@media (min-width: 700px) {  
#tableColumn {
display:none;
  }
}

---

给不想包装类的单元格（

.nowrap

），然后添加以下CSS：

td.nowrap {
    white-space: nowrap;
}

---

在不想调整大小的列上设置特定宽度是否无效？谢谢。如果缩小单元格中的文本被截断而不是包装，对我来说会更好。谢谢。但是，我不希望使用任何第三方框架来实现这一目标。@JonCrowell您可以使用媒体查询而不必使用引导。媒体查询是CSS3的一部分。