html - Safari 在不扩展表格的情况下包装 TD

Question

问题: 在 fiddler 示例中，如何防止 Safari 7 将内容包装在 TD 内？

例子: http://jsfiddle.net/fRxdG/6/

代码:

<style>

    .slide {
        display: inline-block;
        width: 100px;
        background-color: red;
        margin: 5px;
        float:left;
        white-space:nowrap;
    }
</style>
<div style="overflow:auto">
    <table>
        <tr>
            <td> 
                <span class="slide">something</span>
                <span class="slide">something</span> 
            </td>
            <td> 
                <span class="slide">something</span>
                <span class="slide">something</span>
            </td>
            <td>
                <span class="slide">something</span>
                <span class="slide">something</span>
            </td>
        </tr>
    </table>
</div>

设置:

该示例包含一个设置为 overflow:auto 的 div。在包含的 div 中，有一个包含单行和三个表格单元格的表格。在每个表格单元格中都有两个包含文本的 div。

在 Safari 7 中，表格不会自动扩展以适应其内容。如果表格设置为特定宽度，比如 width:10000px，表格会将内容放在一行而不是换行。

Answer 1

你试过吗？

<table width="auto">