按钮对齐中断

Question

当我尝试在按钮标签中使用 img 标签时，按钮对齐被打乱了

<div class="con"><button>A</button><button>B</button><button>C</button><button><img src="http://i.imgur.com/Cyhm06w.gif"></button><button>E</button></div>

http://jsfiddle.net/tzawojdj/2/ 当我将按钮标签留空时，事情变得更有价值 http://jsfiddle.net/tzawojdj/3/

是什么导致了这种行为？

Answer 1

将vertical-align:bottom; 添加到您的button 样式中