美文网首页shiny生物信息学与算法R
利用CSS样式干掉Shiny 一些讨厌的空隙

利用CSS样式干掉Shiny 一些讨厌的空隙

作者: xuzhougeng | 来源:发表于2019-03-26 13:11 被阅读32次

在我的「R shiny练习」一个在线火山图的Shiny应用中,我在ui部分一开始用的是fluidePage()结果页面中就有一个比较难看的空隙

间隙

为了解决这个问题,当时我用了fillPage(), 虽然空隙没了,但是对于一些屏幕比较小的电脑,只能通过缩小页面才能看到所有内容。

为了解决这个问题,我就去学习了一点CSS样式的知识。CSS处理每个网页元素时,都会认为它们包裹在一个不可见的盒子中,这就是盒模型,如下图所示

box model

于是当我对页面元素进行检查的时候,就发现默认的内边距(padding)的确不为0

元素检查

解决方法就是,用style更改下CSS样式

ui <- fluidPage(
  style = "padding:0",
  ...
)
CSS更改后

相关文章

网友评论

    本文标题:利用CSS样式干掉Shiny 一些讨厌的空隙

    本文链接:https://www.haomeiwen.com/subject/malgvqtx.html