【问题标题】:Minimum height for each cell HTML table每个单元格 HTML 表格的最小高度
【发布时间】:2013-03-29 04:40:58
【问题描述】:

我有一个包含 3 个单元格和 1 行的表格。我让文本显示在数据库中的单元格中,我的问题是:如何为所有三个单元格使用最小高度?所以他们的身高不一样。因为中间的列会更大。

【问题讨论】:

    标签: html html-table cell


    【解决方案1】:

    你可以使用 CSS:

    td { height: 100px }
    

    如果内容更多,表格单元格将展开。

    【讨论】:

      【解决方案2】:

      同一行中的单元格始终具有相同的高度,即最高单元格的高度。

      • 什么都不做,没关系
      • 如果您希望单元格宽度有所调整,以便包含大量内容的单元格比其他单元格更宽且不那么高,请从父表中删除 table-layout: fixed(默认情况下不存在)
      • min-height 不能在表格中使用,您必须在此处使用 height 属性
      • 您可以调整填充(内部边距)以获得更好的样式:th, td { padding: 4px 6px; }。边距不会对单元格产生任何影响(如果单元格没有被 border-collapse 折叠,那么您可以使用 border-spacing ... 或填充)但 table 当然仍然会受到整个边距的影响李>

      【讨论】:

        猜你喜欢
        • 2012-04-09
        • 2014-03-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-01-27
        • 1970-01-01
        • 2012-08-29
        • 1970-01-01
        相关资源
        最近更新 更多