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> 

設置：

的例子包含被設置爲溢出一個div：自動。在包含div的表格中有一行和三個表格單元格。在每個表格單元格中都有兩個包含文本的div。

在Safari 7中，表格不會自動展開以適應其內容。如果表格被設置爲特定的寬度，比如width：10000px，那麼該表格會將內容放在一行上而不是包裹它。

Answer 1

你試過嗎？

<table width="auto">