如果 div 不适合它们的容器，是否有 CSS(3) 技巧来水平堆叠 div？如果容器小于 div 的宽度总和，它们应该相互重叠，第一个向左对齐，最后一个向右对齐，直到容器太小时只有一个 div 可见。
我想到了一个表或 ul，但我没有得到想要的结果。
如果 CSS 无法做到这一点，我将使用 jQuery 寻求 JS 解决方案。这会更容易，但不如 CSS 好。
问问题
109 次
1 回答
1
为了使它们内联，使用：display: inline.
如果它们不适合，您可以使用max-width子元素。或者你可以使用width: 90%子元素，所以它总是填充并缩小到父元素的 90%。
否则，在 CSS3 中，您可以使用媒体查询来检测当前浏览器大小，然后更改属性。
您无法检查 CSS 中元素的宽度或高度，因为您需要 JS 或 jQuery。
在 jQuery 中只需使用这个：
$('selector').css('width');
并使用它！然后使用将z-index它们全部重叠，这样如果它们的宽度较小，它们就会相互重叠:) 或者尝试设置某种方式，max-width使它们与当前大小对齐。
但是您可以使用 CSS3 媒体查询来检查浏览器的大小，这样您就知道现在元素的大小并更改它们的属性！如果您不想使用 jQuery 而是使用 CSS，CSS3 媒体查询可能是一种替代方案。但它的效率并不高，因为您将获得设备及其屏幕的宽度而不是元素。
参考：
于 2013-10-20T10:55:55.240 回答