问CSS中的内容包装器是什么？

EN

我认为这个术语在任何方面都不是标准化的，它主要是关于语义的。通常，它被用于包含某些信息的元素或将几个内容组合在一起。

对我来说，它几乎和容器一样，只是更多地与内容相关。例如，它可以是页面的中心部分(页眉或页脚之间)，也可以是文章中的列。

简单地说，内容包装器保存页面上的所有可视元素和内容。是的，它将内容集中在<div>元素中，这是在使用内容包装器时通常使用的，但它也是自以为是的。

这通常是通过使用边距和最常用的使用内容包装器的方式来实现的；例如：

.wrapper {
  margin-right: auto;
  margin-left:  auto;

  max-width: 960px; 
  // Or set a padding inside of the wrapper

  padding-right: 10px; 
  padding-left:  10px;
}

此外，包装器也用于应用粘性页脚之类的东西。

否则，对于通常继承相同属性的容器之间的区别，通常会有另一种类型的包容。有时需要实现多个组件的行为或样式的人。

它的目的是在语义上和视觉上对元素进行分组。

包装器和容器这两个术语也可能意味着相同的事情，这取决于开发人员和他们的意图。记住用正确的方式使用它们。

因为您决定了css选择器的名称，所以您的包装器可以使用任何您想要的名称。应用于该选择器的样式进行更改。无论是中间对齐还是左对齐等等，这只是开发人员使用的惯例。你很快就会习惯这个术语。或者建立你自己的词汇表。