代码之家  ›  专栏  ›  技术社区  ›  Dorjan

处理表中的溢出

  •  3
  • Dorjan  · 技术社区  · 15 年前

    如果我有这样一个非常简单的例子:

    table {
        table-layout:fixed;
        width:300px;
    }
    
    .td1 {
        width:100px;
    }
    .td2 {
        width:200px;
    }
    

    在我的一个 .td2 包含一个图像,也就是说, 300px 在里面 width . 我想显示滚动条,允许用户滚动查看所有内容。但是我不认为这是可能的,是吗?

    所以我的问题是:

    1. 除了 hidden 用于处理表中的溢出?

    2. 只有当内容超出设定的宽度时,才可以显示滚动条吗?(我发誓我在一些论坛软件上看到过,但我记不起来是哪一个了)

    1 回复  |  直到 8 年前
        1
  •  4
  •   rahul    15 年前

    怎么样

    overflow: auto
    

    内容被剪切,滚动是 仅在必要时添加。

    将图像放在表格单元格中的一个分区内,使该分区的宽度和高度为td的100%,并将其样式设置为溢出:auto

    <style>
    .test { width: 100%; height: 100%; overflow: auto; } 
    </style>
    
    <td>
    <div class="test">
    your image
    </div>
    </td>