Css 如何显示X+；（1/3）流体布局上的图像？

示例：

我有一个液体布局，两边各有两列。这是100%的空白填充，并允许在列内液体布局

可以调整浏览器的大小，以查看浏览器越宽，显示的图像越多。这很理想，但我需要一点小小的改变。它始终显示可变的“X”个图像数。我需要它显示X+（1/3）图像，所以如果它是一个非常大的窗口，它将显示10个全宽图像，只有最后一个图像的1/3

#list {
  width:80%;
  border:1px solid black;
  margin: 0 auto;
}
#list ul {
  height:40px;
   overflow:hidden;
}

#list ul li {
  display:inline;
}

---

尝试在ul上设置最小宽度，并在#list div上设置溢出：隐藏

---

这似乎没有任何作用。你用的是什么浏览器？

#list {
  width:80%;
  border:1px solid black;
  margin: 0 auto;
  overflow:hidden;
}
#list ul {
  height:40px;
   overflow:hidden;
  min-width:80px;
}