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

时间:2015-10-05 14:21:05

标签: html css

我在文章标签中有一张桌子。我希望桌子是100%宽。当文章变窄时,表格应缩小。

当表具有css属性table-layout: fixed时,该方法有效。 问题是,表格单元格不再适应它们的宽度。

两者都不可能吗?

例:

许愿场景:单元格宽度适应内容,表格宽度适应父级,如果需要可缩放。

1 个答案:

答案 0 :(得分:0)

好像你只是错过了"显示:块"你小提琴中每个img的属性。

看看这个(将img样式移动到名为&#34的类; img-responsive")

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

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