表td溢出

时间:2012-02-25 11:25:56

标签: css

如何在表格中的单元格上放置溢出属性?

http://jsfiddle.net/e8Bxj/

table {
    width:100px;
    height:100px;
}

td.content {
    overflow:auto;
}

<table>
    <tr>
        <td>hmm</td>
    </tr>
    <tr>
        <td class="content">
            sadfasf<br>
            sadfasf<br>
            sadfasf<br>
            sadfasf<br>
            sadfasf<br>
            sadfasf<br>
            sadfasf<br>
            sadfasf<br>
            sadfasf<br>
            sadfasf<br>
            sadfasf<br>
        </td>
    </tr>
    <tr>
        <td>hmm</td>
    </tr>
</table>

3 个答案:

答案 0 :(得分:2)

您需要将溢出的内容包装在div中。

http://jsfiddle.net/e8Bxj/1/

答案 1 :(得分:1)

你只需添加

display:inline-block;

进入td,就像这样

id.content
{
display:inline-block;
overflow:auto;

}

答案 2 :(得分:0)

试试这个 fiddle