按钮对齐中断

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