Html flexbox的宽度角度不正确
我已经创建了一个flex表,它没有向我显示正确的表,只是第一个表很好,其他表的宽度不同。 我试着在班上安排另一个div,但却没有让我排在同一排 下面你可以找到一个代码。Html flexbox的宽度角度不正确,html,css,angular,flexbox,Html,Css,Angular,Flexbox,我已经创建了一个flex表,它没有向我显示正确的表,只是第一个表很好,其他表的宽度不同。 我试着在班上安排另一个div,但却没有让我排在同一排 下面你可以找到一个代码。 我会为货币类别设置一个弹性基础或一个宽度,然后为标题设置一个“flex:1”,这样它就可以扩展到剩余的空间 您可能还想提供混音的代码。@Pytth很抱歉我不明白,因为这是我写的所有代码? <div class="planning-videx"> <div class="name-block" *ngF
我会为货币类别设置一个弹性基础或一个宽度,然后为标题设置一个“flex:1”,这样它就可以扩展到剩余的空间 您可能还想提供混音的代码。@Pytth很抱歉我不明白,因为这是我写的所有代码?
<div class="planning-videx">
<div class="name-block" *ngFor="let valueItem of showVI()">
{{valueItem.name}}
<div class="planned">
{{actualCosts | moneyFormat}}
</div>
<div class="planned">
{{plannedCosts | moneyFormat}}
</div>
</div>
</div>
$row-background-color: white;
$row-height: 100%;
$content-height: 45px;
.planning-videx {
@extend .vp-column;
margin-left: 10px;
overflow: auto;
max-height: $row-height;
.name-block {
@extend %common-block;
@include center(false, true);
@include justify-content(space-between);
height: 40px;
margin-left: 1px;
padding-left: 10px;
div.planned {
@extend %flexbox;
@include center(false, true);
border-left: solid thin $border-color;
padding: 0 5px;
width: 150px;
height: 100%;
}
}
.costs-block {
@extend %common-block;
@include center();
@include justify-content(flex-end);
margin-left: 10px;
padding-right: 5px;
width: 100px;
flex-direction: row;
}
}
%common-block {
@extend .vp-row;
background-color: $row-background-color;
margin-top: 1px;
margin-bottom: 1px;
min-height: $content-height;
border: solid thin $border-color;
border-radius: 3px;
}