首页 > Web开发 > 详细

css-按钮中有图片和文字,怎么才能让文字和图片都中??

时间:2019-10-24 19:29:57      阅读:226      评论:0      收藏:0      [点我收藏+]
技术分享图片

 

 

<div class="btn1 trans" >
<img src="../../images/img/add.png"/>
<div class="tip">回答问题</div>
</div>
 
css:(less写法,可以写成css的也行)
.btn1{
width:105px;
height:36px;
background:#FB452F;
border-radius:2px;
display: inline-block;
margin-right: 14px;
color:#fff;
cursor: pointer;
img{
vertical-align: top;
margin-top: 12px;
margin-left: 10px;
margin-right: 5px;
width: 12px;
height: 12px;
 
}
.tip{
display: inline-block;
padding-top: 8px;
}
&:hover{
background:#FF5844;
color:#fff;
}
}

css-按钮中有图片和文字,怎么才能让文字和图片都中??

原文:https://www.cnblogs.com/snowbxb/p/11733910.html

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