html - 除非表格布局 : fixed,，否则无法将表格宽度设置为 100%，但表格单元格宽度是固定的

Question

我在文章标签中有一个表格。我希望表格为 100% 宽。当文章变窄时，表格应该缩小。

当表格具有 css 属性 table-layout: fixed 时，这会起作用。问题是，表格单元格不再根据其内容调整宽度。

不可能两者兼得吗？

案例:

• 1. 表格布局是固定的 表格将其宽度调整为父级宽度，但无论内容如何，​​单元格都具有相同的宽度。代码:https://jsfiddle.net/7yLswLg9/14/ .全屏:https://jsfiddle.net/7yLswLg9/14/embedded/result/
• 1. 表格布局不固定 该表不会根据父级调整其宽度。单元格根据内容调整宽度。代码:https://jsfiddle.net/7yLswLg9/13/全屏:https://jsfiddle.net/7yLswLg9/13/embedded/result/

希望的场景:单元格宽度适应内容，表格宽度适应父级，如果需要缩放。

Answer 1

似乎您只是缺少 fiddle 中每个 img 的“显示: block ”属性。

看看这个(将 img 样式移动到一个名为“img-responsive”的类)

.img-responsive {
    display: block;
    max-width: 100%;
    height: 100%;
}

https://jsfiddle.net/7yLswLg9/20/