微信ウィジェットflex-rowレイアウトにおけるbuttonの問題


微信ウィジェット開発で最も一般的なレイアウトは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;
}