本文共 776 字，大约阅读时间需要 2 分钟。

一、现象重现

     
   
        
          
            
 
瞎子打灯笼      一个盲人到亲戚家做客，天黑后，他的亲戚好心为他点了个灯笼，说：“天晚了，路黑，你打个灯笼回家吧！”      盲人火冒三丈地说：“你明明知道我是瞎子，还给我打个灯笼照路，不是嘲笑我吗？”      他的亲戚说：“你犯了局限思考的错误了。你在路上走，许多人也在路上走，你打着灯笼，别人可以看到你，就不会把你撞到了。”      盲人一想，对呀！ 故事的第一节告诫我们，局限思考是从自己的角度思考， 整体思考是你把自己放到整个环境中去考虑。系统地思考问题，就会发现，你的行为会对别人产生互动。
 
            
 
瞎子打灯笼      一个盲人到亲戚家做客，天黑后，他的亲戚好心为他点了个灯笼，说：“天晚了，路黑，你打个灯笼回家吧！”      盲人火冒三丈地说：“你明明知道我是瞎子，还给我打个灯笼照路，不是嘲笑我吗？”      他的亲戚说：“你犯了局限思考的错误了。你在路上走，许多人也在路上走，你打着灯笼，别人可以看到你，就不会把你撞到了。”      盲人一想，对呀！ 故事的第一节告诫我们，局限思考是从自己的角度思考， 整体思考是你把自己放到整个环境中去考虑。系统地思考问题，就会发现，你的行为会对别人产生互动。
 
          
        
      
   

表格会超出窗体的宽度产生了容器的滚动条，而td中的两个文本没有产生滚动条。

没有达到以下的效果：

二、分析原因

原来是<table>默认的css样式是table-style:auto;

在自动表格布局中，列的宽度是由列单元格中没有折行的最宽的内容设定的。

将<table>的css改为table-style:fixed;，td中的两个文本产生滚动条了。

转载地址：http://ghstf.baihongyu.com/