Safari包装TD而不扩展表

Question

问题： 你如何防止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中，表格不会自动展开以适合其内容。如果表格设置为特定宽度，例如宽度：10000px，则表格将内容放在一行而不是包裹它。

Answer 1

你试过这个吗？

<table width="auto">