html - 按钮对齐中断

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/当我将按钮标签留空时，事情变得更有值(value) http://jsfiddle.net/tzawojdj/3/

是什么导致了这种行为？

Answer 1

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