Mathjax在Shiny中的对齐方式

huangapple
go评论105阅读模式
英文:

Mathjax alignment in Shiny

问题

我已找到方法来左对齐我的闪亮应用中的所有Mathjax方程，但我想要将一些方程居中。是否有一种方法可以不同应用这个CSS？

  1. tags$style(HTML("div.MathJax_Display{text-align: left !important;}")),

是否有一种方法可以在将方程发送到输出时指定"text-align: center"？

  1. withMathJax(tags$p(equation))
英文:

I've found ways to left-align ALL of the Mathjax equations in my shiny app, but I want to center a couple of equations. Is there a way to differentially apply this CSS?

  1. tags$style(HTML("div.MathJax_Display{text-align: left !important;}"))),

Is there a way to specify "text-align: center" when I send the equation to output?

  1. withMathJax(tags$p(equation))

答案1

得分: 1

你可以按照以下方式使用CSS类：

  1. library(shiny)
  3. ui <- fluidPage(
  4.   withMathJax(),
  5.   tags$style(HTML(
  6.     "p.mjleft div.MathJax_Display{text-align: left !important;}",
  7.     "p.mjcenter div.MathJax_Display{text-align: center !important;}"
  8.   )),
  9.   br(),
  10.   tags$p("$$\\int_0^1$$", class = "mjleft"),
  11.   tags$p("$$\\int_0^1$$", class = "mjcenter")
  12. )
  14. server <- function(input, output) {}
  16. shinyApp(ui, server)

Mathjax在Shiny中的对齐方式

  2. <details>
  3. <summary>英文:</summary>
  5. You can use CSS classes as follows:
  7. ```r
  8. library(shiny)
  10. ui &lt;- fluidPage(
  11.   withMathJax(),
  12.   tags$style(HTML(
  13.     &quot;p.mjleft div.MathJax_Display{text-align: left !important;}&quot;,
  14.     &quot;p.mjcenter div.MathJax_Display{text-align: center !important;}&quot;
  15.   )),
  16.   br(),
  17.   tags$p(&quot;$$\\int_0^1$$&quot;, class = &quot;mjleft&quot;),
  18.   tags$p(&quot;$$\\int_0^1$$&quot;, class = &quot;mjcenter&quot;)
  19. )
  21. server &lt;- function(input, output) {}
  23. shinyApp(ui, server)

Mathjax在Shiny中的对齐方式

huangapple
  • 本文由 发表于 2023年6月22日 10:55:18
  • 转载请务必保留本文链接：https://go.coder-hub.com/76528326.html
  • css
  • html
  • mathjax
  • shiny
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定