是否可以对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
相关产品推荐
相关产品推荐

