空格:nowrap；问题

Question

我在div里面有一个表，div的宽度是100%，使用overflow auto时，表的宽度是200%。现在的正常行为是:当显示表格时，用户必须向右滚动才能看到所有表格列。

如果我想为表设置white-space:nowrap;类，那么div的宽度就会变大，这会毁了我的表单。

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

添加white-space:nowrap之前的示例：http://tabletest.orgfree.com/

添加white-space:nowrap后的示例：http://s7.postimage.org/6rw2idlmj/test.png

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%的宽度

查看我的example我更新了链接