解决span高度自适应与相邻span高度撑开不一致的问题
本文要解决的问题是：在同一行中相邻的span标签设置了高度自适应，但由于其中一个span的内容撑开了高度，而另一个span却无法自适应撑开的问题。
解决方法：
以下是修改后的CSS代码：
.row {
border-bottom: solid .0625rem #9c9c9c;
display: flex;
align-items: stretch; // 调整为stretch
justify-content: center;
.col {
display: flex;
span:not(:last-child){
border-right: solid .0625rem #9c9c9c;
}
::v-deep span {
flex: 1;
word-break: break-all;
word-wrap: break-word;
height: 23px;
line-height: 23px;
}
.label{
background-color: #e0e0e0;
color: #000000;
font-weight: bold;
height:auto;
display: flex; // 添加flex布局
align-items: center; // 内容居中
}
.value{
height: auto;
}
}
}以上就是如何解决相邻span标签高度自适应不一致的问题？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
657
收藏
