空白：NOWRAP; 问题

Question

我在div内有一个表格，使用自动溢出功能，div宽度为100％，表格宽度为200％。 现在的正常行为是：显示表时，用户必须向右滚动才能查看所有表列。

如果我想为表格设置class class white-space:nowrap; div会占用更大的宽度，这会破坏我的表单。

table.grid tr th {
    border-right: 1px solid #FFFFFF;
    white-space: nowrap;
}

添加white-space:nowrap之前的示例white-space:nowrap ： http white-space:nowrap

添加white-space:nowrap之后的示例： http white-space:nowrap

Answer 1

td.offersContent {
    border: 1px solid #EAEAEA;
    border-radius: 7px 7px 7px 7px;
    margin-bottom: 10px;
    padding: 0 10px;
    width: 83pc;
    *position: absolute;
    display: block;*
 }

这将解决您的问题。

Answer 2

您需要创建一个包装器以限制100％的宽度

看我的例子我更新了链接