CSS display属性详解

阅读量：

文章目录

显示属性
- 显示功能
  - 属性分类
  - 外部设置（display-outside）
    - 内部设置（display-inside）
      - 通过Flex布局实现水平与垂直居中排列：
        
        采用Flexbox方法构建多列布局结构：
通常情况下，请避免使用 display: list-item。
- internal style 也被视为一种不太推荐的方式。
- block-level style 的应用范围有限。
- legacy-based style 在现代 CSS 中已逐渐被取代。
- global style 完全避免使用。

display属性

dispaly属性的作用

在CSS中使用display属性可以体现"显示框类型 "的不同表现形式，并非单一概念。具体来说，在块级盒模型与内联盒模型之间进行切换是一种常见的操作方式：块级盒子被转换为内联盒子；内联盒子也被转换为块级盒子。

复制代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" c

全部评论 (0)

还没有任何评论哟~