热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JS如何设置一个table宽度不受父容器宽度影响

如题,当table嵌套的时候如何让内层的table宽度不受到外层table宽度的限制因为现在内层table中的数据比较长,如果还是限制为外层table的宽度的话内容就会竖起来显示了,忒难看
如题,当table嵌套的时候如何让内层的table宽度不受到外层table宽度的限制
因为现在内层table中的数据比较长,如果还是限制为外层table的宽度的话内容就会竖起来显示了,忒难看

7 个解决方案

#1


外层宽度设置100%

#2


这个貌似不行。父table不设置宽度试试

#3


是想内层table不换行吗?代码结构 带数据 放上来看看

#4


默认的情况下  即便外table限制宽度
但内table依然会撑破外table的宽度
你大概设定了其它的属性

#5




    

        

            
                01
            
            
                02
            
            
                03
            
        

        
            
            
            
                10
            
        

        
            
            
            
        
        
            
            
            
        
    

                04
            

                09
            

                05
            

                08
            

                11
            

                06
            

                07
            

                12
            

    



介个是代码结构,没设置其他样式,如果里面的数据不是数字变多了的话则会吧列给竖起来。。。

#6


white-space:nowrap;不换行

#7


设置外层td的CSS 
width:100px;overflow:scroll;
里面的table 设置一个固定宽度  固定为px 应该不会换行吧

推荐阅读
author-avatar
手机用户2502904457
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有