如何使用CSS3属性flex-wrap对容器元素进行换行

 时间:2024-10-13 04:49:54

1、第一步,在HBuilder指定Web项目目录,创建静态页面,并在主体中插入多个div标签元素,如下图所示:

如何使用CSS3属性flex-wrap对容器元素进行换行

2、第二步,利用类选择器和元素选择器,设置display属性和子div的字体、内边距、外边距和咐搭趔涮边框属性,如下图所示:

如何使用CSS3属性flex-wrap对容器元素进行换行

4、第四步,接着在类选择器中,添加flex-wrap属性,属性值设置为nowrap,如下图所示:

如何使用CSS3属性flex-wrap对容器元素进行换行

5、第五步,接着将flex-wrap属性值由nowrap改为wrap,这个值代表可以显示多行,如下图所示:

如何使用CSS3属性flex-wrap对容器元素进行换行
  • php打印3行4列表格
  • 在html页面中,如何调用javascript文件
  • MyEclipse10怎么设置utf-8编码
  • JS实战001:简单的滑动轮播图
  • CSS样式:标签样式
  • 热门搜索
    乌镇旅游攻略 西沙群岛旅游 杭州旅游攻略 庐山旅游 济南旅游景点 湖南旅游景点 桂林旅游 武汉旅游 聊城旅游 济南旅游攻略