解决arsenal tableby表格中带项目符号行的多余行高空白问题

问题核心：用arsenal::tableby()生成的表格转成kableExtra HTML格式后，带项目符号/缩进的行下方出现多余空白，且第一列垂直居中设置失效。

问题根源 #

tableby生成的项目符号是HTML原生<ul>/<li>元素，浏览器默认会给这类列表元素添加margin-bottom和padding，这就是多余空白的来源；同时第一列的列表是块级元素，常规的单元格垂直对齐样式无法直接作用到它上面。

解决方案 #

1. 针对性修改CSS清除冗余样式 #

在Rmarkdown的CSS块中添加以下样式，直接覆盖列表元素的默认边距，同时确保单元格和列表内容垂直对齐：

/* 全局表格紧凑样式 */
table, th, td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  vertical-align: middle !important;
}

/* 清除表格内列表的默认边距、内边距，压缩行高 */
table ul, table li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  list-style-position: inside !important; /* 项目符号嵌入单元格，避免额外空间 */
}

/* 强制第一列列表与单元格垂直居中 */
table td:first-child ul {
  display: flex;
  align-items: center;
  height: 100%;
}

2. 优化R代码配置 #

不需要单独给行设置row_spec的垂直对齐，CSS已全局处理。同时调整summary()参数减少多余格式：

---
title: "Compact Tableby Table"
output: html_document
---

```{css, echo=FALSE}
table, th, td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  vertical-align: middle !important;
}

table ul, table li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  list-style-position: inside !important;
}

table td:first-child ul {
  display: flex;
  align-items: center;
  height: 100%;
}

knitr::opts_chunk$set(echo = TRUE, results = 'asis')
library(dplyr)
library(knitr)
library(kableExtra)
library(arsenal)

data(mock_df) # 使用arsenal内置的示例数据

my_tbl <- tableby(arm ~ age + sex + race + ps + bmi, 
                  data= mock_df, test=FALSE, total=FALSE)

my_tbl %>%
  summary(text=TRUE, digits.pct=1, digits=1, plain.text = TRUE) %>%
  kable() %>%
  kable_styling(full_width = FALSE, bootstrap_options = "condensed", font_size = 12)

### 额外调整建议
- 若需更紧凑的行高，可将`line-height`的值调至1.0（需确保文字不重叠）；
- 若不想依赖CSS，也可尝试`summary(format = "markdown")`生成纯markdown列表后再转kable，但会丢失部分tableby原生格式，优先级低于CSS方案。

内容的提问来源于stack exchange，提问作者Saskia