小编gsr*_*oth的帖子

所以,我正在使用display: table-cell两个按钮彼此相邻,这样如果一个文本溢出到下一行,则两个按钮的高度相同.我有border-collapse: separate并且正在使用border-spacing它们之间的空间.如果我使用类似的东西<div class="button">,它的工作正常,但是一旦我使用<button>元素,中间空间就会消失.
JSFiddle:http ://jsfiddle.net/uASbb/

现在,使用它<div>现在很好(如果不是在语义上准确),所以我大多只是好奇,如果有人知道这里到底发生了什么.
注意:我也注意到<input>在相同情况下使用元素的一些(不同的)奇怪行为:http ://jsfiddle.net/G5SFX/1/这些实例中

是否display: table-cell不支持？这是一个错误吗？

谢谢!

编辑:似乎你不能应用display: table-cell一个按钮; 它只是默认回到inline-block.从Chrome WebInspector中查看此屏幕截图:


现在问题仍然存在:这是故意的吗？它是规范还是只是浏览器？我们可以改变它吗？