2026-02-18 05:52:08 赛事直播
：内容划分元素
试一试
src="/shared-assets/images/examples/leopard.jpg"
alt="An intimidating leopard." />
Beware of the leopard
.warning {
border: 10px ridge red;
background-color: yellow;
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 Grid 或 CSS Flexbox 等技术来对页面上的
元素进行对齐和定位。
用法说明
当没有其他语义元素（如 或
试一试
src="/shared-assets/images/examples/leopard.jpg" alt="An intimidating leopard." /> Beware of the leopard
.warning {
border: 10px ridge red;
background-color: yellow;
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 Grid 或 CSS Flexbox 等技术来对页面上的
元素进行对齐和定位。
用法说明
当没有其他语义元素（如