css的display属性

 时间:2026-04-26 03:46:49

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属性

  • 如何使用CSS3中的属性指定背景的显示范围
  • js如何改变div里面的内容及样式
  • 怎么将jquery获取的值放到input的里面
  • html+CSS+JS控制Li背景颜色交替显示特效
  • jquery 怎么停止函数执行
  • 热门搜索
    决战朝鲜攻略 减肥药排行榜 儿童便秘怎么调理 女明星减肥 快穿之攻略各种男人h 减肥动作 密室逃脱攻略 最好的减肥方法 镇远古镇旅游攻略 刀剑封魔录之上古传说攻略