空白:NOWRAP; 问题

Bur*_*ler 2 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;
}
Run Code Online (Sandbox Code Playgroud)

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

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

mcm*_*hfy 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;*
 }
Run Code Online (Sandbox Code Playgroud)

这将解决您的问题.