如果存在空格，则表示标题为Nowrap表头，但如果这会打破布局，则不会。

Question

我有一个表格。我希望标题文本不能用白色空间nowrap包装。

但是，我的布局是响应式的。在较小的宽度下，这款手镯会破坏布局，使桌子比其容器更宽。

如何在没有足够的空间时让表格标题不被换行，但是如果不这样做则换行会使表格比其容器更宽。

Answer 1

你可以只使用简单的媒体查询本：

// Mobile only 
@media screen and (max-width: 599px) { 
    // Wrap 
} 

// Everything else 
@media screen and (min-width: 600px) { 
    // No wrap 
}