用HBuilderX4.15创建的默认模板，勾选了uni-app x选项，没有其他任何文件了。调试时是运行到Chrome的，在win10环境下，以下是关键代码：
<template>
<view>
<view class="container">
<view class="left-view">
<text>左边的view</text>
</view>
<view class="right-view">
<text>右边的view</text>
</view>
</view>
</view>
</template>
<style>
.container {
display: flex;
justify-content: space-between; / 让子元素在主轴上均匀分布，第一个在起点，最后一个在终点 /
width: 100%; / 设置为具体的宽度值，确保足够大 /
padding: 0px 20px; / 根据需要添加内边距 /
}
.left-view {
width: 40%;
/ 用下面也不行 /
/ float: left; /
/ height: 40px; /
/ text-align: left; /
}
.right-view {
width: 40%;
/ 用下面也不行 /
/ float: right; /
/ height: 40px; /
/ text-align: right; /
}
</style>
在其他类型的项目里是可以并排显示的，但在uni-app x项目里所有元素都是分行显示，这是怎么回事啊，被折磨死了，请高手们指定一下吧，如果官方人员有看到请务必指点，谢谢了！
2 个回复
1***@qq.com
看看文档里的css部分就好了 在uniappx里 flex默认是纵向 而不是横向的 群里也给你说过了
3***@qq.com (作者)
谢谢，提供的帮助已经解决我的问题