如何在Shiny应用中添加半行高度的换行?
Shiny实现半高换行间距的方法
br()本身是HTML默认的换行元素,没有直接调整高度的参数,你可以用以下两种方式实现更小的自定义间距:
- 单处使用场景:直接用带内联样式的div替代
br()
要插入半高间距时,写入div(style = "height: 0.5em;")即可。0.5em对应默认行高的一半,你也可以根据需求调整数值,比如0.3em可以得到更窄的间距。这种写法不会影响页面中其他默认br()的效果,灵活度更高。 - 多处复用场景:自定义半高br类
先在Shiny UI的头部加入全局样式定义:
需要使用半高换行时,调用tags$head( tags$style(HTML(" .half-height-br { display: block; margin: 0.25em 0; } ")) )tags$br(class = "half-height-br")即可,不用每次重复写内联样式,维护更方便。
小提示:使用相对单位em设置间距,会跟随当前页面字体大小自适应,比固定px单位的适配性更好,不会出现页面缩放时间距比例失调的问题。
内容的提问来源于stack exchange,提问作者J.Sabree
相关产品推荐
相关产品推荐

