Html 如何居中对齐我的2列布局

我试图使两个内联块div在中心对齐

为什么div的右侧有空白

.wrapper{
边框：红色2px实心；
最小宽度：40%；
显示：内联块；
}
身体{
宽度：80%；
保证金：0自动；
边框：1px黑色实心；
}

你好
你好

您必须考虑到包装器是在100%的基础上运行的，而不是在80%的基础上运行的

.wrapper {
  border: 2px red solid;
  min-width: 50%;
  display: inline-block;
}

---

即使使用Flex也会很好

.wrapper{
边框：红色2px实心；
最小宽度：40%；
显示：块；
弹性：1；
}
身体{
显示器：flex；
宽度：80%；
保证金：0自动；
边框：1px黑色实心；
}

你好
你好

您已将列的宽度设置为40%。小数学2*40=80%。你有100%的父元素。将宽度更改为50%，您将不会有任何空格。

内联块

元素可以通过父级的

文本对齐

居中（此处为

正文

）

要处理空白，请执行以下操作：

文本对齐

+

字体大小

可以作为开始：

body{font-size:0；text-align:center}.wrapper{font-size:1rem}
.包装纸{
边框：红色2px实心；
最小宽度：40%；
显示：内联块；
}
身体{
宽度：80%；
保证金：0自动；
边框：1px黑色实心；
}

你好
你好

您是否尝试过的可能重复：

body{text align:center；}

，对于间隙，如果

body{font size:0；}，请按照前面注释的链接。包装器{font size:1rem}

不会告诉您任何信息：）