新建.nvue
<template>
<div>
<div class="list-title">
<div class="list-left">这是左边</div>
<div class="list-right">这是右边</div>
</div>
</div>
</template>
<script>
export default {
}
</script>
<style>
.list-title{justify-content: space-between;width: 750px;}
</style>
在weex 模型盒子
ustify-content
定义了 flex 容器中 flex 成员项在主轴方向上如何排列以处理空白部分。可选值为 flex-start | flex-end | center | space-between,默认值为 flex-start。
flex-start:是默认值,所有的 flex 成员项都排列在容器的前部;
flex-end:则意味着成员项排列在容器的后部;
center:即中间对齐,成员项排列在容器中间、两边留白;
space-between:表示两端对齐,空白均匀地填充到 flex 成员项之间。
但是nvue 中完全无效啊
大图APP (作者)
justify-content: space-between;
2019-11-13 00:53