css 行内元素的盒模型

行内元素不支持设置高度和宽度

行内元素可以设置padding/border/margin,但垂直方向的padding/border/margin不会影响页面布局

span{
            width: 200px;
            height: 300px;
            background-color: aquamarine;
            margin: 20px;
            padding: 200px;
        }
<span> 我是一段没什么意义的话</span>

1.display 用来设置元素显示的模型

        可选值：

                inline 将元素设置为行内元素

                block 将元素设置为块元素

                inline-block 将元素设置为行内块元素

                        行内块，既可以设置宽度和高度又不会独占一行

                table 将元素设置为一个表格

                none 元素不在页面中显示

2.visibility 用来设置元素的显示状态

        可选值：

                visible 默认值，元素在页面中正常显示

                hidden 元素在页面中隐藏 不显示，但仍然占据页面的位置