什么是web开发中的容器和包装器

  • 本文关键字:包装 web 开发 html css
  • 更新时间 :
  • 英文 :


比如,如果我在div标签上使用容器,容器会做什么?如果我在iv标签上使用包装器,包装器会做什么,或者它们之间有什么不同。

Container和wrapper是一回事——它们通常应用于包含其他元素的div(或包装它们(。唯一不同的是,在Bootsatrap中。容器应用了特定的样式,但概念是它们都只是应用于元素的类,而不仅仅是应用于div的类。容器可以是容纳其他元素的任何元素。

从鼻烟上可以看出,它们完全一样。

由于Bootstrap的含义,我个人使用.wrapper而不是容器,我喜欢div包裹内部内容的想法,但这只是个人偏好。

.container,
.wrapper {
border: solid 1px red;
padding: 8px 16px;
margin: 16px
}
<div class="container">
<p> I am a p element within a div with a class of container</p>
</div>
<div class="wrapper">
<p> I am a p element within a div with a class of wrapper</p>
</div>

最新更新