Css 如何将内容集中到中心

如何将页面中的所有内容居中，并使顺序从右向左，因为对齐方式是向左的，顺序是从左向右的

代码如下：

编辑 中心父分区

.grid项{
浮动：左；
宽度：270px；
最小高度：260px；
最大高度：260px；
背景色：白烟；
边缘底部：10px；
边框：实心5px#bfbbd9；
填充：7px；
}

---

尝试使用

内联块

进行

显示

并删除

浮动

。这应该行得通

正文{
文本对齐：居中；
}
a{
显示：内联块；
利润率：0.3倍；
}
.表格项目{
显示：内联块；
宽度：270px；
最小高度：260px；
最大高度：260px；
背景色：白烟；
边缘底部：10px；
边框：实心5px#bfbbd9；
填充：7px；
}

您需要：

• 使用

  margin:0 auto

  将父div设置为固定宽度并居中
• 使用父div上的

  direction:rtl

  和

  text align:right

  将项目向右对齐到所需的方向
• 将网格项更改为

  display:inline block

  而不是使用

  float

• 如果您希望它在更高的屏幕分辨率上有更多列，请添加媒体查询

.parent div{
宽度：592px；
保证金：0自动；
方向：rtl；
文本对齐：右对齐；
}
@介质（最小宽度：900px）{
.家长组{
宽度：890px
}
}
.表格项目{
显示：内联块；
宽度：270px；
最小高度：260px；
最大高度：260px；
背景色：白烟；
边缘底部：10px；
边框：实心5px#bfbbd9；
填充：7px；
}

是的，所以请将我的CSS代码中的

body

改为

.parent div

。让我知道它是否有效。另外，如果有效，请点击勾选按钮接受答案。作为一组，上面的图像将显示更多。Yusuf，这在当前设置中发生。。。你能检查一下吗？如果我删除浮动，将显示两列，我想在响应性网页中使用它，所以当大棚屋出现时，我本周已经在那里了（我的问题：）。我的解决方案最终与我在这里建议的类似，针对不同屏幕大小的父容器宽度进行媒体查询。或如果您愿意，可以在网格项上使用引导网格：“col-md-xs-4 col-md-sm-3 col-md-2”并可能使用css调整网格项来实现这一点。目前，在css中，父div无法包装内联块元素并使用margin:0 auto居中。它将始终占据页面宽度的100%。。因此，媒体查询是您唯一的选择。（使用或不使用某些现有网格）@Yusuf I已经用一个媒体查询示例编辑了答案