空白:NOWRAP;问题

时间:2012-02-20 11:27:58

标签: html css scroll css-tables

我在div里面有一个表格,div宽度是100%,表格宽度是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

2 个答案:

答案 0 :(得分:5)

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

这将解决您的问题。

答案 1 :(得分:0)

您需要创建一个限制100%宽度的包装

查看我的example  我更新了链接