在css中，flex弹性布局可以实现内部对象左右、垂直的对齐，在多个html对象中，设置flex后一般情况下，内部的对象高度是保持一致的。比如一个div设置了flex，内部有3个div，这3个div的高度以最高的一个div高度值为准保持一致，如图。
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style>
.flex {display:flex;}
.left {background-color:#fa0;width:100px;}
.middle {background-color:#3af;width:200px;}
.right {background-color:#cddc39;width:300px;height:200px;}
</style>
</head>
<body>
<div class="flex">
<div>a</div>
<div>b</div>
<div>c</div>
</div>
</body>
</html>但是有时候也会发生高度不一致的情况，如图：
经过代码检查后，发现是align-items设置所引起的。如果设置align-items:normal，就会使div高度保持一致，如果不是normal，div的高度就不一致。
#使内部div的高度不一致，以各自高度为准
.flex {display:flex;align-items:flex-start;}
#使内部div的高度一致，以最高高度为准
.flex {display:flex;align-items:normal;}
有同学提问，使用的Spring Boot框架，有两个微服务，为了实现追踪，使用了<artifactId spring-cloud-sleuth-zipkin</artifactId 以及zipkin。A服务是生产者，通过Ra...
类目价格标准备注商城小程序（小型）10-20万小型B2C/B2b商城，满足基本商城的所有功能商城小程序（中型）30-60万中型B2C/B2b商城，拥有类似淘宝、京东、拼多多的全部基本功能，可对接物流、仓储系统，支持高并发，安全性和稳定性...
Mysql给时间加1年的方法，可以批量更新，如果是单条数据请注意sql语法date类型（如2025-06-28）#增加一年 update table set date_time=date_add(date_time,interval 1...
1.字体列表及引用链接鸿蒙字体 - B 站400 字重 CSS：//s1.hdslb.com/bfs/static/jinkela/long/font/regular.css 500 字重 CSS：//s1.hdslb.com/bfs/...
在使用jet brains的ide开发代码时，经常性的会输入单引号或双引号，ide默认有对于引号的自动完成功能，即输入一个引号，自动显示两个，这一点其实做的很不智能，因为在使用时经常会有显示出3个的情况，那么怎么关闭这个功能呢？file-s...
现在微信支付已经超越支付宝，成为中国最广泛的在线支付方式。作为互联网电子商务服务商，如何开通对接微信支付？如何使用微信支付呢？丁老师整理一篇微信支付常见的问题解答。一、如何开通微信支付？微信支付可以在微信支付官网（https://pay.w...
在使用idea系列的配套软件时，如intellij idea、Php Storm、Web Strom时，在搜索文件时，右上角的file mask可以筛选指定类型的文件。但是有时候可能会输入错误，产生多个记录，而且没办法删除，在以后的开发中经...
微信小程序部分一、完善小程序基本信息1.用管理员账号登录微信小程序（https://mp.weixin.qq.com/）;2.左侧菜单选择首页;3.完善小程序的基本信息，包括小程序名称、小程序类目、微信认证、微信备案等。二、小程序开发配置1...
