网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 知识问答

css的display属性

时间:2026-02-16 10:57:50

1、新建文件创建两种盒子类型,一种是div这样的块级元素,还有一种是span这样的行内元素

css的display属性

2、预览效果

css的display属性

3、设置display:inline;

css的display属性

4、预览效果

css的display属性

5、设置display:block;

css的display属性

6、预览效果

css的display属性

7、设置display:none;

css的display属性

8、预览效果

css的display属性

9、附上源码

<body>

<div>

    <div style="display:inline;">盒子1</div>

    <div style="display:inline;">盒子2</div>

    <div style="display:inline;">盒子3</div>

    <span style="display:block;">span1</span>

    <span style="display:block;">span2</span>

    <span style="display:block;">span3</span>

    <div style="display:none;">盒子4</div>

    <span style="display:none;">span4</span>

</div>

</body>

css的display属性

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com