微信ウィジェットflex-rowレイアウトにおけるbuttonの問題
2129 ワード
微信ウィジェット開発で最も一般的なレイアウトはflexレイアウトであり、flexレイアウトでは両側の位置合わせが
justify-content: space-between;
cssスタイルで実現できることが知られているが、butonの処理ではbutonは常にエッジに位置合わせできない.解決策は次のとおりです(buttonスタイルにmargin-right: 0;
を追加すればいい)..flex-row{
display: flex;
flex-direction: row;
align-items: center;
}
.carbin-item{
width: 90%;
justify-content: space-between;
padding: 20rpx;
border-bottom: solid #eee 2rpx;
font-size: 11pt;
}
.carbin-item button{
font-size: 11pt;
width:40%;
margin-right: 0;
}