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

 时间:2024-10-26 20:07:08

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基础——字体
  • 热门搜索
    丹江口旅游 著名旅游景点 lol蓝色精粹怎么获得 可以挂机赚钱的游戏 绵山风景区 成都到九寨沟旅游 心眼小怎么办 凉拌酸辣土豆丝 保定周边旅游景点 中国的旅游胜地