Html 只使用AUTO或%在中间对齐DIV内容

我这里有些问题。。我为此尝试了很多不同的修复方法，但似乎都不起作用。我想在另一个div的中间对齐div的内容。

我只想使用自动或%值，因为我想使网站也为移动设备

这是我目前掌握的代码： 我想使这些红色框与wrap div的中心对齐

---

如果有人能帮我。谢谢

首先，您的

是一个ID，而不是一个类。因此，将CSS中的

.content

更改为

#content

。其次，float抛出

文本对齐：居中。如果删除该选项，并将其设置为
display:inline block，它应该可以解决您的问题：

请在此处查看：

css更改：

#content {
  width:auto; 
  height:250px; 
  margin:0 auto; 
  background:#0C0; 
  display:table-cell; 
  text-align:center;
}

.view {
   display: inline-block;
   float: none;
}

首先，你的
是一个ID，而不是一个类。因此，将CSS中的
.content
更改为
#content
。其次，float抛出
文本对齐：居中。如果删除该选项，并将其设置为
display:inline block，它应该可以解决您的问题：

请在此处查看：

css更改：

#content {
  width:auto; 
  height:250px; 
  margin:0 auto; 
  background:#0C0; 
  display:table-cell; 
  text-align:center;
}

.view {
   display: inline-block;
   float: none;
}

将来，也请在这里发布您的代码，而不仅仅是代码笔。如果codepen关闭，这个问题将无法帮助人们阅读它。是的，我很忙，所以这是最快的方法。但我会记住这一点=在未来，请在这里张贴您的代码，而不仅仅是代码笔。如果codepen关闭，这个问题将无法帮助人们阅读它。是的，我很忙，所以这是最快的方法。但是，我将记住这一点：D + 1也在内联（块）元素之间。“HasHyQoLAMI只是试图解决OP所面临的问题：”还有很多其他的事情要考虑，但是对于这些单独的问题还有很多资源。ID /类问题只有当我张贴在CODEPTEN中时，在我的网站上是可以的。我要试试看。我会回来告诉你我是否能解决这个问题。现在谢谢你。@Chad当然了！只是说：）因为额外的空白增加了块之间的空间，可能会破坏布局。我可以让它工作！我有点复杂，我对css技巧和技巧有点陌生。但我想我已经找到了做这些事情的方法=D谢谢+1也注意内联（块）元素。@ HasHyQoLAMI只是试图解决OP所面临的问题：）有很多其他的事情要考虑，但是在这些问题上还有资源。ID /类问题只有当我张贴在CODEPTEN中时，在我的网站上是可以的。我要试试看。我会回来告诉你我是否能解决这个问题。现在谢谢你。@Chad当然了！只是说：）因为额外的空白增加了块之间的空间，可能会破坏布局。我可以让它工作！我有点复杂，我对css技巧和技巧有点陌生。但我想我已经找到了做这些事情的方法=D谢谢！