Safari包装TD不展开表答案

【问题标题】：Safari wrapping TD without expanding tableSafari包装TD不展开表
【发布时间】：2014-05-03 23:26:14
【问题描述】：

问题：在提琴手示例中，您如何防止 Safari 7 将内容包装在 TD 中？

代码：

<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，表格会将内容放在一行而不是换行。

【问题讨论】：

标签： html css safari html-table word-wrap

【解决方案1】：

你试过了吗？

<table width="auto">

【讨论】：

<table width="auto"> 不改变包装的行为。