Question

Div中超出范围可以隐藏，但是不能换行，怎么写？

代码
<div style=" height:185px; width:100%; overflow-x:scroll; padding:0;">
<table>
<tr>
<?php for($i=0 ; $i < 40; $i++){ ?>

<td style=" text-align:center; width:130px; height:35px; background:#F0F0F0; border:solid #D4D5D7; border-width:0 1px 1px 0"><?php echo $i;?></td>
<?php } ?>
</tr>
</table>
</div>
那段php的意思就是输出40个li标签
现在的效果是

明显每一个td的宽度都被压缩被压缩了，最外侧那个DIV的滚动条没起到作用
怎么破？
另外不要在td上加min-width的解决办法

Answer 1

div里面的是表格。 表格的整个宽度被限制了。里面的td会自动缩小的，而不会去撑开表格。

动态的设置 tab的width。 为 40*130。

追问

不是问你为什么，有没有解决方案

追答

动态的设置 tab的width。 为 40*130。

追问

这个40只是个实验用的数字，根据数据库中的数量可多可少，如果这么动态设置就没头了。

另外这个做法跟我一开始说的设置td的min-width是一个效果，单独页面会看起来很爽，但是在多table嵌套或者把页面放到iframe中，整体页面的宽度会直接蹦到9000+

追答

不会啊，
第一 我说的40是指你要动态设置的值。">
第二 tab在 div中， div设置为有横向滚动条。这样整个页面的宽度取决于 div的宽度而不是子tab的宽度。

Answer 2

你在CSS上加一个这个属性试试，这个属性是强制不换行。

white-space:nowrap;

追问

td宽度依旧被压缩

追答

你可以给table一个宽度试一下。你每一个td是width:130px;那你给table的宽应该是130*40=5200,另外你还要算上边框值。