justify-content: space-between能够对齐的解决办法

简介: justify-content: space-between能够对齐的解决办法

解决办法一


.main{
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
}
.son{
  width:100px
}
//利用伪类after来处理,宽度与子元素宽度一致
//但是专业那个方式值有些时候可以,有些时候仍然不行
.main:after {
    content: "";
    width: 100px;
}


解决办法二


最后一行差几个进填充几个,这样方式使用的人很多。


我个人也推荐这种。优先使用第一种方式

相关文章
transition复合属性同时设置元素的四个过渡属性
【10月更文挑战第6天】transition复合属性同时设置元素的四个过渡属性
485 8
|
缓存 移动开发 JavaScript
uniapp H5 公众号微信自定义分享qq,微信带图片标题内容
uniapp H5 公众号微信自定义分享qq,微信带图片标题内容
1379 0
uniapp H5 公众号微信自定义分享qq,微信带图片标题内容
|
存储 监控 安全
推荐5款极具效率的实用工具软件
每次分享实用的软件,都会给人一种踏实和喜悦的感觉,这也是我热衷于搜集和推荐高效工具软件的原因。
363 1
|
JavaScript 数据安全/隐私保护
uni-app移动端开发技巧总结(三)
uni-app移动端开发技巧总结
1281 1
uni-app移动端开发技巧总结(三)
|
安全 Linux 调度
在Linux中,如何实现,每星期天早8点服务器定时重启?
在Linux中,如何实现,每星期天早8点服务器定时重启?
|
11月前
|
关系型数据库 MySQL 数据处理
【MySQL】函数
MySQL 提供了丰富的函数集,涵盖字符串处理、数值运算、日期时间操作和聚合计算等多个方面。这些函数在日常数据库操作中极为重要,通过合理使用这些函数,可以大大提高数据处理和查询的效率。用户还可以通过自定义函数,扩展 MySQL 的功能以满足特定需求。
231 3
|
机器学习/深度学习 存储 人工智能
揭秘机器学习背后的神秘力量:如何高效收集数据,让AI更懂你?
【10月更文挑战第12天】在数据驱动的时代,机器学习广泛应用,从智能推荐到自动驾驶。本文以电商平台个性化推荐系统为例,探讨数据收集方法,包括明确数据需求、选择数据来源、编写代码自动化收集、数据清洗与预处理及特征工程,最终完成数据的训练集和测试集划分,为模型训练奠定基础。
312 3
|
Rust 开发者
揭秘Rust编程:模块与包的终极对决,谁将主宰代码组织的新秩序?
【8月更文挑战第31天】在软件工程中,模块化设计能显著提升代码的可读性、可维护性和可重用性。Rust 作为现代系统编程语言,其模块和包管理机制为开发者提供了强有力的工具来组织代码。本文通过对比模块和包的概念及使用场景,探讨了 Rust 中的最佳实践。
197 2
|
存储 API Go
学习gin-vue-admin之创建api和swagger
学习gin-vue-admin之创建api和swagger
|
JavaScript
js 下载文件(根据URL下载文件,根据URL下载图片)
js 下载文件(根据URL下载文件,根据URL下载图片)
1444 0