如何使用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基础——字体
  • 热门搜索
    甲沟炎怎么治疗 病假怎么扣工资 我的世界采矿机怎么用 心烦气躁怎么办 微信怎么提现 加权平均分怎么算 总是放屁是怎么回事 住房公积金怎么查询 荷兰牛栏奶粉怎么样 dnf补丁怎么用