0

这个问题对某些人来说可能看起来很愚蠢。抱歉，我对 CSS 不太了解。

现在，我有一个有 2 列的表（需要相等）。表格宽度设置为 100%，需要随页面调整大小。

题主，没问题。它只包含2-3个单词的2个单元格，所以没有问题。

现在，以下每个单元格都包含相当大的文本，我需要按原样显示（不换行）。

我做了什么：

<style>
.contentDiv
{
        display: inline-block;
        overflow-x:auto;
        overflow-y:hidden;
        white-space: nowrap;
        white-space: nowrap;
}
</style>

<table style="width:100%">
  <th>
    <tr><td with="50%">head 1</td><td width="50%">head 2</td></tr>
  </th>
  <tbody>
    <tr>
      <td><div class="contentDiv">big-text-here</div></td>
      <td><div class="contentDiv">big-text-here</div></td>
    </tr>
  </tbody>
</table>

底线是我希望表格具有全宽，内部内容单元格具有表格宽度的一半并且文本（无论它有多大）不要改变布局（如果内容是滚动条应该出现大于所需的表面）。

谢谢！

4

2 回答 2

0

这应该消除任何包装。

td { position: relative; }
.contentDiv
{
    display: inline-block;
    overflow-x:auto;
    overflow-y:hidden;
    white-space: nowrap;
    white-space: nowrap;
    position: absolute; 
}
于 2013-10-31T15:09:56.957 回答
0

我有点不明白你的意思，但我确定你的意思是这个http://jsfiddle.net/mDXb5/你上面的代码有一些问题，你应该编辑。例如：

</table> tag is missing instead you use </tr> which is wrong
于 2013-10-31T15:20:22.473 回答