如何将按钮内的图标和文本居中而不指定对齐项目的尺寸?
.ico {
background: url(https://www.gravatar.com/avatar/cbfaff96665b7567defe1b34a883db8b?s=32&d=identicon&r=PG);
width: 32px;
height: 32px;
display: inline-block;
}
<button>
<span class=ico></span>
And some text
</button>
你可以加vertical-align: middle
到班级ico
。
小提琴在:https://jsfiddle.net/mnet4hn4/ https://jsfiddle.net/mnet4hn4/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)