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

是否可以对summary标签下方展示的details标签内容设置缩进?

可以实现summary下方展开内容的单独缩进,你之前使用text-indent不生效是因为该属性仅作用于元素的第一行文本,而details内除summary外的内容属于后续子节点/文本,不会被该属性命中。

具体实现方案

通过给details设置左内边距承载缩进量,再单独抵消summary的偏移即可:

details {
  /* 按需调整数值控制缩进宽度,示例为2个字符宽度 */
  padding-left: 2em;
}
summary {
  /* 数值和上方padding-left保持一致,抵消summary的缩进 */
  margin-left: -2em;
  /* 可选:保留summary默认的箭头标记位置和文字对齐 */
  list-style-position: outside;
}

如果不需要summary保持原左对齐位置,只需要所有details内容整体缩进,直接给details设置padding-left即可,不需要额外调整summary的样式。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.26 05:36:08