在考虑了一下之后,我同意Wex的上述评论。
因此,我摆弄了一个Javascript解决方案(jQuery)-我不是这方面的专家,因此代码可能会得到改进-但我想它完全可以满足您的需求:
var resizeContainer = function () { var w_window = $(window).width(); var w_block = $('.inlineblock').width(); if (w_window < w_block * 3 && w_window >= w_block * 2) { $('.container').width(w_block * 2); } else if (w_window < w_block * 2) { $('.container').width(w_block); } else { $('.container').width(w_block * 3); }};$(document).ready(resizeContainer);$(window).resize(resizeContainer);body { text-align:center;}.container { display: inline-block; background-color: #aaa; text-align:left;}.inlineblock { display: inline-block; width: 200px; height: 200px; background-color: #eee;}<div > <div ></div> <div ></div> <div ></div></div>


