javascript - table 的 td 中放一堆内容
巴扎黑
巴扎黑 2017-04-11 12:17:25
[JavaScript讨论组]

更新

昨天发现我给 table 设置了一个 grid 类(自己写的),一直忘了这一点。

.grid {
    width: 100%;
}

.grid::before,
.grid::after {
    content: "";
    display: table;
    clear: both;
}

设置了这个之后 table-layout: fixed 设置后无法根据宽度设置宽度会失效。我去掉之后就可以设置了。

踩这个问题的人不知道是什么原因,为什么不先评论一下或者回答一下呢?我这里自己的确试了各种属性还没有解决才问的。

原问题

我在 table 的 td 中放一堆内容,内容是随便找一个网站的文章拷贝过来的。
大概的结构是这样的:


  

很长很长的内容

      
      var a = 10
      

很长很长的内容

然后 table 会自己扩展

如果设置 table 的 table-layout: fixed; 就能解决问题,但随之而来就有另一个问题:

我 table 的结构是这样的

thead content
thead content

如果设置了 fixed 就会让左右的 th 和 td 宽度一样,不知道该怎么解决这个问题呢?

谢谢各位的解答

巴扎黑
巴扎黑

全部回复(1)
高洛峰

可以在右边的th上单独设置一个宽度~

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号