https://jsfiddle.net/eaj7szv8/7/
如果我在 Firefox 的 span 中放置一个长的 display: inline-block
元素,内容将被推送到下一行。但是,left-border
保留在上一行,将其与带边框的内容分离。 Chromium 将边框与其余内容一起推到下一行。如何让 Firefox 具有与 Chromium 相同的行为?
编辑:
上下文:我有一个 inline-block
span
由 MathJax 提供,位于段落中带边框的 span
内。所以是的,内部跨度应该是inline-block
,是的,外部跨度应该是inline
。
最佳答案
发生这种情况是因为 span
的默认显示值为 inline
。如果您希望边框像您期望的那样延伸,您需要在外跨度上定义 display: inline-block;
。
关于html - 由于 Firefox 中的长内联 block 导致边框分离,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29183172/