首页 > 其他 > 详细

mint-ui中的button和div在一行

时间:2021-06-04 22:44:49      阅读:30      评论:0      收藏:0      [点我收藏+]
项目中改前端样式在引入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:
技术分享图片
只想说前端和后端一样都不容易在其他人代码的基础上更难..

mint-ui中的button和div在一行

原文:https://www.cnblogs.com/yatou-/p/14851185.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!