问题
使用 scroll-view 设置横向滑动时在 scroll-view 元素上设置flex布局，没有生效
<scroll-view scroll-x class='recommend-content'>
<view> 点赞 </view>
<view> 收藏 </view>
<view> 关注 </view>
</scroll-view>
<style>
.recommend-content{
display: flex; /* flex布局无效 */
}
</style>
解决方法
在 scroll-view 下再加一层 view 包着 scroll-view 的内部元素，并在新增的这层 view 中设置 flex 布局：
<scroll-view scroll-x class='recommend-content'>
<view class='recommend-content-all'>
<view> 点赞 </view>
<view> 收藏 </view>
<view> 关注 </view>
</view>
</scroll-view>
<style>
.recommend-content-all{
display: flex;
}
</style>
效果
文章来源：https://www.toymoban.com/news/detail-551449.html
👇觉得有帮助的朋友可以支持下作者哦，您的鼓励是我创作的最大动力，如有开发问题可联系作者
文章来源地址https://www.toymoban.com/news/detail-551449.html
到了这里，关于uniapp/小程序 scroll-view 中设置flex布局无效问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
