html - 表格布局设置为固定,单元格不拉伸(stretch)

标签 html css

我遇到的这个问题真的很困扰我。假设我有一个特定宽度的表格,我将 table-layout 设置为 fixed。然后我设置除了一个单元格之外的每个单元格的witdh。根据此处找到的定义:W3C definition应该发生的是,单元格应该拉伸(stretch)到剩余的宽度。这不会发生在我的情况下,我很生气。这是 Codepen .

感谢您的帮助。

最佳答案

如果您从表格行中删除 display: block,它将采用默认值 display: table-row。这将允许表格单元格拉伸(stretch)。

示例

.uploadedTable tr {
    display: table-row;
}

Codepen

关于html - 表格布局设置为固定,单元格不拉伸(stretch),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25399547/

相关文章:

c# - MVC。由于某种原因,动态 css 样式为空

javascript - 选择列表子项中的复选框

jquery - 为表内嵌创建新的可创建行

html - 如何自定义我网站的主题取决于用户

javascript - 将 Javascript/HTML 表单功能添加到 COGNOS Report Studio v10 中的 'html item'

css - X 主题部分图像背景在大于 1300 像素宽度的屏幕尺寸中看起来不完整

html - 随着浏览器宽度的减小增加元素填充

javascript - 从radio selection中找到label img并应用到单独的img src

javascript - 获取外部元素的html

javascript - jquery - 每两个循环插入一个元素