我有一个包含6条文章的部分。我已将这些文章框的大小调整为适合iPhone的屏幕。如果计算机的屏幕足够大，我希望它们并排排列，例如：
######
但是随着屏幕变小，我希望它们放到下面的行中，但要像这样在页面中居中：
#####
#
####
##
###
###
##
##
##
#
#
#
#
#
#
我希望使用唯一的CSS方法来执行此操作，但是如果没有，我会尝试其他方法。我已经在网站上搜索了该网站和几本书，但还没有找到解决该问题的方法。
您可以设置text-align:center容器和display:inline-block项目。
.wrap {
text-align: center;
}
.item {
display: inline-block;
}<div class="wrap">
<div class="item">item</div>
<div class="item">item</div>
<div class="item">item</div>
<div class="item">item</div>
<div class="item">item</div>
<div class="item">item</div>
</div>进一步阅读-如何删除内联块元素之间的空间？
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句