问题: 你如何防止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,则表格将内容放在一行而不是包裹它。
答案 0 :(得分:0)
你试过这个吗?
<table width="auto">