按钮对齐中断

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样式