mint-ui中的button和div在一行

项目中改前端样式在引入mint-ui中的一个button后加上一个时间

1.第一种方式不行

html是:

                  <div class="detail three-detail">

                    <mt-button class="billNo-wtt" @click.native="billDetail(billItem)">

                       <div class="bill-no" v-text="billItem.billNo"></div>

                    </mt-button>

 　　　　　 <div class="datetime">

                       <div class="time" v-text="billItem.createTime.substr(0,10)"></div>

                    </div>

                  </div>

css把three-detail设置了flex布局

.three-detail{

  display: flex;

  flex-direction: row;

}

出来以后buttn和div挤在一起,我把datetime和time的css都设置了margin和padding都设置了一个遍没有一点反应

试了很多种都不行,在老项目中改的时候稍微一改可能就整个塌了..最后尝试了很多方法以后最终出来了

html:

css:

只想说前端和后端一样都不容易在其他人代码的基础上更难..