万物皆可超出页面样式

让表格,图片,公式都从右侧超出页面的css
搞了最小宽度保证公式较短时可以居中显示,这个可能要根据自己的页面大小调整

/* ===== 图片样式 ===== */
.internal-embed img {
  max-width: none !important;
}
/* ===== 数学块样式 ===== */
div.math.math-block.cm-embed-block{
  max-width: none !important;
  min-width: 700px !important;
  width: fit-content !important;
}
/* ===== 表格块样式 ===== */
div.cm-embed-block.cm-table-widget.markdown-rendered{
  max-width: none !important;
  min-width: 700px !important;
  width: fit-content !important;
}

一些效果演示,我只让一边超出页面,你想改的话调margin-left即可



3 个赞

犯傻了,最小宽度设为100%就能保证居中了

/* ===== 图片样式 ===== */
.internal-embed img {
  max-width: none !important;
}
/* ===== 数学块样式 ===== */
div.math.math-block.cm-embed-block{
  max-width: none !important;
  min-width: 100% !important;
  width: fit-content !important;
}
/* ===== 表格块样式 ===== */
div.cm-embed-block.cm-table-widget.markdown-rendered{
  max-width: none !important;
  width: fit-content !important;
}
2 个赞