justify-content对view下&lt;input&gt;&l

时间：2019-05-03 来源：小程序工厂

问题模块框架类型问题类型终端类型微信版本基础库版本
框架微信小程序需求客户端 6.6.7.1321 2.2.5

在里设置了justify-content:space-around对下面的

.post-input-container {
position:fixed;
bottom:0;
width: 100%;
height: 100rpx;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
background-color:chartreuse;
}

.post-input-container .post-input {
width:50%;
height: 80rpx;
background-color:beige;
}

.post-input-container .post-send-btn {
width:30%;
height:80rpx;
background-color: bisque;
}

代码片段
https://developers.weixin.qq.com/s/UudJjqme7g3T

微信小程序开发问题解答

微信小程序开发者回答：

margin: 0rpx;

微信小程序开发者回答：

button组件里自带了margin-left和margin-right导致的这种情况，你可以在button样式里加上margin:0;就好了

微信小程序开发者回答：

非常感谢！又学到了个解决问题的思路！

微信小程序开发者回答：

建议代码修改，将input和button用view标签包裹，去掉input和button的宽度限制

微信小程序开发者回答：

感谢回答！问题已解决！

本文网址：http://www.91bianli.com/weixinxiaochengxu/35606.html

上一篇：[已解决]微信小程序出现黑屏

下一篇：[已解决]跪求各位大神，公众号消息推送详情跳转

相关文章

售前咨询热线

0531-86088957

微信：seoceo

关注微信

Copyright © 2019 微信小程序开发 www.xcxgc.com All Rights Reserved 小程序工厂