html - 由于 Firefox 中的长内联 block 导致边框分离

标签 html css firefox

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/

相关文章:

Java:如何在 Firefox 中创建像橙色按钮一样的应用程序菜单按钮?

javascript - 禁用浏览器缩放

html - 在跨度中换行到下一行的居中文本

javascript - 在 Angular Material 中的 mat-multiple select 中添加搜索功能

javascript - 在javascript中自动调用函数的各种方法

javascript - 通过选中单选按钮显示一个 div 并隐藏另一个 div

javascript - bootstrap-select 不适用于狭窄的领域

html - Bootstrap 3 : Text alignment in jumbotron

wordpress - 奇怪的 CSS 背景图像调整大小

javascript - 无法在 mozilla firefox 上验证