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

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

间隙

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

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

box model

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

元素检查

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

ui <- fluidPage(
  style = "padding:0",
  ...
)

CSS更改后