css – webkit显示:内联块行为不一致

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

我可以正确地渲染这个渲染而不需要放置< br />跨度之间的标签?

这里演示:http://jsbin.com/omalu3/4/edit

最佳答案 任何其他解决方案都是一种解决方法,因为它是一个浏览器错误.

derekerdmann解决方案的替代方案:

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