请问justify-content失效是什么原因

时代问答问答社区

要把justify-content用在starContainer这个容器里。效果和代码如下.starContainer{display:flex;justify-content:flex-start;}红箭头的那一列就是starContainer作用的区域，明显不是justify-content: flex-start;一开始觉得可能是因为不是view组件，就给每一个组件包上view，不行。然后starContainer里加上flex-direction:row也没成功。虽然小程序代码使用的是flex布局，但是毕竟也属于css，所以想请问一下大神们，这是什么原因呢？？？小程序代码wxml2017-11-4嘻嘻里嘻嘻里“特朗普如此反复无常且不受任何核心承诺或理念的约束，以至于在外界看来，他相当不靠谱，”达莱克说，“这给美国传统的治国和外交方略蒙上了一层阴影，而且使外交官们在开展工作时多了很多困惑。”8星小程序wxss代码.container{display:flex;flex-direction:column;margin-top:20rpx;margin-bottom:40rpx;margin-left:0rpx;background-color:#fff;border-bottom:1pxsolid#ededed;border-top:1pxsolid#ededed;padding-bottom:5px;}.likeText{font-size:30rpx;margin-right:30rpx;}.starContainer{display:flex;justify-content:flex-start;}.authorImage{width:32rpx;height:32rpx;/*margin:0rpx10rpx0rpx30rpx;*/}.starImage{width:32rpx;height:32rpx;}.textAuthor{font-size:32rpx;color:#68228b;}.textWords{font-size:32rpx;color:#333;margin-left:10rpx;margin-bottom:15rpx;}.date{font-size:32rpx;color:#68228b;}.dateDiscuss{display:flex;margin-left:450rpx;}解决方法设置 width: 100%;就可以了。看的这个网址https://segmentfault.com/q/1010000006231565

CSS3 Html5

显示全部楼层

免责声明：本内容仅代表回答者见解不代表本站观点，请谨慎对待。

使用道具举报

上一主题下一主题