【问题标题】:Expanding td width beyond the size of the container将 td 宽度扩展到容器大小之外
【发布时间】:2018-10-24 21:26:47
【问题描述】:

我不知道如何将 td 宽度扩展到容器大小之外。要了解我的意思,请查看this jsFiddle。

一旦表格填满容器宽度,我就无法让单元格更宽。如果我需要在页面加载后执行此操作,我将如何执行此操作?

不想真的想调整包含 div 的大小。

【问题讨论】:

  • 您可以考虑调整表格而不是单元格的大小。在大多数情况下,tds 不能溢出表可能是件好事。
  • 如果容器中没有位置,你怎么能做到这一点? (因为“表格填满了容器宽度”。)或者我不明白,你需要什么。
  • 这是一个奇怪的问题。到目前为止我发现的最佳解决方案是:jsfiddle.net/minitech/pjpLT
  • @Webars 我将我的项目简化为这个具有代表性的示例......我这样做有充分的理由,所以不要担心。 :)

标签: jquery css html-table


【解决方案1】:

可以扩大表格大小(不是外层div):
http://jsfiddle.net/maniator/dkXtw/15/

$("#testTable").width($("#testTable").width()  + 100 );

【讨论】:

  • @chrislegend -- 没问题 ^_^
【解决方案2】:

单元格不是单独的元素,它们始终是表格的一部分。当指定的宽度与您为表格设置的尺寸冲突(在这种情况下受周围元素限制)时,表格仅使用您在单元格上设置的大小作为如何分配可用空间的建议,宽度仅用于衡量单元格之间的重量。

【讨论】:

    猜你喜欢
    • 2013-11-04
    • 1970-01-01
    • 2014-04-13
    • 2011-01-06
    • 2012-10-02
    • 1970-01-01
    • 2011-11-23
    • 2018-07-13
    • 1970-01-01
    相关资源
    最近更新 更多