:内容划分元素 - HTML(超文本标记语言)

<div>:内容划分元素 - HTML(超文本标记语言)

:内容划分元素Baseline Widely availableThis feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Learn moreSee full compatibilityReport feedback

HTML 元素是流式内容的通用容器。它对内容或布局没有影响。除非以某种方式使用 CSS 对其进行样式设置(例如,直接应用样式,或者对其父元素应用某种布局模型,如弹性盒子),否则它对内容或布局没有影响。

尝试一下

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 弹性盒子来对齐和定位页面上的

元素。

使用说明

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