css display块级元素

2024-10-14 11:39:44

1、新建文件,创建两行内容

css display块级元素

2、效果如图

css display块级元素

3、设置第二行样式display:block;隐藏第二行

css display块级元素

4、效果如图

css display块级元素

5、设置两个块级样式为display:inline-block;

css display块级元素

6、效果如图 ,两行显示在一行

css display块级元素

7、一个设置display:block;一个设置display:inline-block

css display块级元素

8、效果如图,说明display:block;有块级属性

css display块级元素

9、为了进一步证明display:block;有块级属性,在第一行加入span标签

css display块级元素

10、效果如图

css display块级元素

11、为span设置display:block;属性

css display块级元素

12、效果如图 第一行换行显示

css display块级元素
猜你喜欢