如果有空间，则使用表格标题，但如果这会破坏布局，则不会

Question

我有一张桌子。我希望标题文本不包装我可以用white-space nowrap做。

但是我的布局很敏感。在较小的宽度下，这个nowrap将打破布局，使桌子比其容器更宽。

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

Answer 1

您可以使用简单的媒体查询：

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

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