` 和 `
` 元素默认是块级元素。当其他元素使用 "display: block" 时，它们也将被视为块级元素。 示例：`display: block;` 将一个元素置于新行并占用其父元素的整个宽度。 2. **inline**: 元素以内联元素的形式呈现，像文本那样嵌入在文档流中，不会自动换行。内联元素只能设置宽度和高度到内容大小，不能设置更大的尺寸。例如，`` 和 `` 元素默认是内联元素。 示例：`display: inline;` 使元素与其他文本在同一行显示。 3. **inline-block**: 这个值结合了内联和块级元素的特性。元素以内联的形式呈现（与其他文本在同一行），但仍然可以设置宽度和高度。这对于需要与其他文本一起显示但又需要设置尺寸的元素非常有用。例如，按钮或菜单项经常设置为 `display: inline-block;`。 示例：`display: inline-block;` 使元素可以与其他文本在同一行显示，同时可以设置宽度和高度。 4. **none**: 元素不会被渲染在页面上。其不会占用任何空间。这是一个常用的方法来隐藏元素（可以通过与其他CSS属性如可见性结合来实现更复杂的效果）。示例：`display: none;` 完全隐藏一个元素。请注意，与设置可见性属性不同，使用 `display: none;` 的元素不会占据页面空间。 除了上述基本值之外，"display" 属性还有其他一些值，如 "flex"、"grid"、"table" 等，用于创建复杂的布局和效果。每个值都有其特定的用途和行为，允许开发者创建各种布局和设计效果。"display" 属性是CSS布局的核心部分之一，理解其工作原理对于创建响应式和动态网页至关重要。
版权声明：本文由用户上传，如有侵权请联系删除！