如何使用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基础——字体
  • 热门搜索
    汤圆怎么煮好吃 怎么治疗视力 萎了怎么恢复 炖大骨头汤的做法 闭合性粉刺怎么治疗 印度为什么叫阿三 手上起小水泡怎么回事 怎么确认是排卵期出血 麦粒肿怎么引起的 为什么星球都是圆的