css - webkit 显示 :inline-block behaving inconsistently

Question

我有一个跨度，里面有几个其他跨度，我想在 display:block 之间切换子跨度和 display:inline .跨度以 display:inline-block 开始, 然后切换到 display:block .这很好用。问题是在 Webkit 中切换回来时(它在 Firefox 中工作正常):呈现跨度时在它们之间有额外的换行符。

我可以在不放置 <br/> 的情况下正确渲染吗？跨度之间的标签？

此处演示:http://jsbin.com/omalu3/4/edit

Answer 1

任何其他解决方案都是一种解决方法，因为它是浏览器错误。derekerdmann 解决方案的替代方案:

  #a.multiline * { width: 100% }
  #a.oneline * { width: auto }
  #a * { border:solid 1px black; display:inline-block }