:内容划分元素

<div>:内容划分元素

尝试一下

src="/shared-assets/images/examples/leopard.jpg"

alt="An intimidating leopard." />

Beware of the leopard

.warning {

border: 10px ridge #f00;

background-color: #ff0;

padding: 0.5rem;

display: flex;

flex-direction: column;

}

.warning img {

width: 100%;

}

.warning p {

font: small-caps bold 1.2rem sans-serif;

text-align: center;

}

作为一个“纯粹的”容器,

元素本身并不表示任何内容。相反,它用于组织内容,以便通过使用 class 或 id 属性轻松应用样式,标记文档中以不同语言编写的部分(使用 lang 属性)等等。

属性

这个元素包含全局属性。

备注:

请勿再使用已过时的 align 属性;相反,你应该使用 CSS 属性或技术,例如 CSS 网格布局或 CSS 弹性盒子来对齐和定位页面上的

元素。

使用说明

只有当没有其他合适的语义元素(例如