在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;}
这个时候可以用到live方法
现在微信支付已经超越支付宝，成为中国最广泛的在线支付方式。作为互联网电子商务服务商，如何开通对接微信支付？如何使用微信支付呢？丁老师整理一篇微信支付常见的问题解答。一、如何开通微信支付？微信支付可以在微信支付官网（https://pay...
在使用uniapp开发的小程序内，打开图片，长按没有弹出菜单，无法扫码，此时只需在图片上加入show-menu-by-longpress即可完整代码：<image :src="picture" mode=&qu...
有同学提问，使用的Spring Boot框架，有两个微服务，为了实现追踪，使用了<artifactId spring-cloud-sleuth-zipkin</artifactId 以及zipkin。A服务是生产者，通过Ra...
phpstorm程序中，在打开html时总会出现对 style属性的折叠和隐藏，这样在检查代码的时候非常不直观，容易漏掉很多东西，非常的不方便，如图：
开发抖音小程序是一个涉及多个步骤的过程，需要准备相应的资料和工具。以下是开发抖音小程序需要准备的资料和步骤：1. 入驻抖音开发平台：首先，你需要在抖音开放平台注册一个开发者账号，并完成主体认证和对公认证。如果未完成认证，你可以在沙盒工具中创...
videojs是一款非常不错的html video播放器插件，很多同学经常在群里问我，说丁老师这个videojs怎么设置为宽度或者高度自适应呢，不想把video的width和height写死，有没有什么办法呢。丁老师经过研究发现啊，vide...
微信小程序自2023年8月起，开始对《手机号快速验证组件》进行收费，每个小程序有1000次的免费额度，超过额度就要收费。说白了就是以后在使用微信小程序获取用户手机（用户主动授权）的时候，需要按次数收费了。那么，在当前的经济状况下，如何做到轻...
