如何使用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基础——字体
  • 热门搜索
    大理旅游点 关于推进海南国际旅游岛建设发展的若干意见 柳州旅游攻略 阜新旅游景点大全 贵州省内旅游 蚂蚁窝旅游网 合肥旅游地图 埃及旅游景点 大金湖旅游攻略 台湾旅游攻略自由行