父容器不够高度导致align-content: center不起作用

num_edit 是-和+的样式
goods_num是数字的样式
原来的样式：

        .num_edit {
          width: 55rpx;
          height: 55rpx;
          display: flex;
          justify-content: center;
          align-content: center;
          border: 1rpx solid #ccc;
        }

        .goods_num {
          width: 55rpx;
          height: 55rpx;
          display: flex;
          justify-content: center;
          align-content: center;
        }

原因：num_edit，goods_num的父容器不够高度导致align-content: center不起作用
解决办法：减小高度（我设置了height: 50rpx;）
效果：