如何使用CSS3中的属性控制元素块级和行级转换

 时间:2026-04-24 21:18:49

1、第一,打开HBuilder工具,新建HTML5页面,然后插入一个div标签

如何使用CSS3中的属性控制元素块级和行级转换

2、第二,添加style标签,利用ID选择器设置div标签样式,display属性设置为block

如何使用CSS3中的属性控制元素块级和行级转换

3、第三,保存代码并打开浏览器,查看界面显示效果,可以定义宽度和高度

如何使用CSS3中的属性控制元素块级和行级转换

4、第四,接着,将display属性值由block改为inline,然后保存代码

如何使用CSS3中的属性控制元素块级和行级转换

5、第五,刷新浏览器,查看界面显示效果,结果发现元素的宽度和高度无效

如何使用CSS3中的属性控制元素块级和行级转换

6、第六,再次将display属性值改为inline-block,然后保存代码并刷新浏览器,可以看到元素设置的高度、宽度有效

如何使用CSS3中的属性控制元素块级和行级转换

  • Axure如何为下拉列表框设置列表内容?
  • SQL Server怎么设置字体和颜色
  • QGIS如何生成geojson格式文件?
  • 如何确定自家窗帘的门幅大小
  • Mathematica基础——字体
  • 热门搜索
    手机话费怎么充q币 wps怎么用 怎么注册域名 乐华电视怎么样 得了肩周炎怎么办 教育类别怎么填 掉发怎么办 伤了心的女人怎么了 喝水喝多了会怎么样 手机网银怎么开通