微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Mathjax - 用 display:none

如何解决Mathjax - 用 display:none

Mathjax 如果内容位于带有 display:none 的容器中,则在单独的位置排版数学,因为浏览器不计算子元素的大小。这会导致问题,尤其是元素宽度的问题。 This is explained in detail here

为避免这种情况,建议使用像 position: absolute; top: 0,left:0; width:0,height:0,overflow: hidden; visibility: hidden; 这样的 css 而不是 display:none

我没有太多的编码经验。我的疑问是,我们不能只使用 position: absolute;width:0,visibility: hidden; 吗?从我的测试来看,这本身很好。为什么像 top: 0,left:0; height:0,overflow: hidden; 这样的额外 css 虽然它可以进一步确保隐藏内容?任何人都可以帮助理解吗?我知道每个属性会做什么,但认为这里根本没有必要。

解决方法

根据您的问题可见性: hidden 是隐藏元素,但它仍然覆盖了您定义的容器的所有空间。这就是为什么你需要使用 width :0 height: 0 并且你必须使用溢出隐藏只是因为 div 内容不会被溢出

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。