【问题标题】:Separate tables render together单独的表格一起呈现
【发布时间】:2017-07-31 15:55:16
【问题描述】:

是否可以在 HTML 中让两个单独的表格的列对齐?

【问题讨论】:

    标签: html html-table alignment


    【解决方案1】:

    您可以为两者上的<td> 元素设置宽度,并设置它们的overflow: hidden,这样大于宽度的东西就不会改变它。

    类似:

    td {
       width: 50px;
       max-width: 50px;
       overflow: hidden;
       white-space: nowrap;
    }
    

    here所见。

    【讨论】:

    • 有什么方法可以在不专门设置宽度的情况下做到这一点?
    • 我认为不是纯 CSS。你可以用 javascript 实现它,但它不会那么干净。
    • 哎呀,我想我最好还是坚持指定宽度。可能需要微调,但这可能是最好的。
    【解决方案2】:

    您可以以完全相同的方式设置列的宽度(无论您使用什么技术),然后在两个表上设置table-layout: fixed。仍然存在单元格内容强制宽度变得不同的情况,但通常这就足够了。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-10-22
      • 1970-01-01
      • 2016-05-06
      • 1970-01-01
      • 1970-01-01
      • 2016-12-28
      • 1970-01-01
      相关资源
      最近更新 更多