You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

R Shiny CSS设置:移除特定行间距且保留其余原有间距不变

解决方案

你要修改的间距默认来自Shiny的selectInput外层.form-group容器自带的底部边距,只需要精准匹配第一行下拉选择器所在的行修改样式即可,不会影响其他行的原有间距。

你只需要在你现有的absolutePanel内的shinyjs::inlineCSS部分新增如下CSS规则即可:

shinyjs::inlineCSS("
button.btn.radiobtn.btn-default.active { background-color: white; }
/* 新增规则开始 */
#panel1 > .fluidRow:nth-of-type(1) .form-group {
  margin-bottom: 0 !important;
}
#panel1 > .fluidRow:nth-of-type(2) p {
  margin-top: 2px !important; /* 可根据你需要的贴合程度调整数值,设为0则完全贴死 */
}
/* 新增规则结束 */
")

规则说明

  • #panel1 > .fluidRow:nth-of-type(1)精准定位panel1下第一个存放下拉选择器的行,仅修改该行内所有下拉控件的底部外边距,不会影响第三行的下拉控件样式
  • 第二行规则用于调整第二行文本的顶部边距,你可以根据实际显示效果微调数值,保留默认的段落间距即可

修改完成后第一行和第二行的间距就会消失,第三行和第四行的原有间距会完全保留。

内容的提问来源于stack exchange,提问作者awags1

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.03 08:15:05