困扰了我半天的flex布局 我通过设置元素不换行,然后子元素分别设置了50px的宽度和高度,但是无法生效,要通过如下方式设置
flex: 0 0 85px;
下列是我项目中遇到的问题
<div class="c_ddresseeaDetails mtp10">
<div class="left">收货地址</div>
<div class="right">广州市天河区天河北路2245号</div>
</div>
<style>
.c_ddresseeaDetails {
width: 100%; min-height: 30px; border-radius: 8px; border: solid 1px #e5e5e5; box-sizing: border-box; padding: 4px 0; display: flex; font-size: 16px;
}
.c_ddresseeaDetails .left{ flex: 0 0 85px; border-right:solid 1px #e5e5e5; padding-right: 10px; color: #5d2a05; display: flex; align-items: center; justify-content: flex-end; box-sizing: border-box; }
</style>