求助：为亚马逊EPUB诗集实现适配设备宽度的悬挂缩进换行

针对你提到的EPUB诗集排版需求（支持字号调整、行宽超限时自动悬挂缩进，且当前每个诗节为独立段落、每行带<br>标签），我给你一套实用的技术方案，兼顾兼容性和排版效果：

一、优先调整HTML结构（最优方案） #

目前的结构（单段落+<br>分行）会让悬挂缩进的控制变得棘手，因为CSS很难区分同一个段落内手动换行的诗句和自动换行的文本段。建议微调结构：

• 把每个诗节包裹在一个容器标签里，比如<div class="stanza">
• 把原来用<br>分隔的每一行诗句，改成独立的<p>标签，示例代码如下：

  <div class="stanza">
    <p>这是第一行较长的诗句，超出设备宽度时会自动换行</p>
    <p>这是第二行手动拆分的诗句</p>
  </div>
  

二、添加兼容型CSS样式 #

在你的EPUB样式表（通常是stylesheet.css）中加入以下代码，用基础CSS属性实现悬挂缩进，同时支持字号自适应：

/* 诗节之间的间距，保持排版呼吸感 */
.stanza {
  margin-bottom: 1.8em;
}

/* 单个诗句的悬挂缩进样式 */
.stanza p {
  /* 给后续换行的文本留出缩进空间 */
  padding-left: 1.5em;
  /* 让诗句第一行顶格，抵消padding-left的缩进 */
  text-indent: -1.5em;
  /* 去掉段落默认上下边距，让诗句紧凑排列 */
  margin: 0.3em 0;
  /* 使用相对单位，确保字号调整时缩进比例同步变化 */
  font-size: 1em;
}

方案优势说明 #

• text-indent: -1.5em + padding-left: 1.5em是EPUB阅读器兼容度最高的悬挂缩进实现方式，几乎所有主流阅读器（Kindle、Apple Books、Kobo等）都支持
• 用em作为单位，会随着用户调整的字号自动缩放，保证缩进比例始终协调
• 诗节和诗句的间距设置，让整体排版更符合诗集的阅读体验

三、无法修改结构的妥协方案 #

如果因为某些原因必须保留“单段落+<br>”的结构，可以尝试以下CSS，但注意：手动<br>换行的诗句也会被缩进（可能不符合诗集排版习惯）：

.stanza {
  padding-left: 1.5em;
  text-indent: -1.5em;
  /* 让段落内的行间距更舒适 */
  line-height: 1.6;
}

这种方案下，整个诗节的第一行顶格，所有自动换行和手动<br>的行都会缩进，适合对诗节内所有行统一缩进的场景。

四、测试注意事项 #

1. 不要设置固定字号（比如font-size: 16px），让阅读器默认控制字号，或者用em/rem等相对单位
2. 在主流EPUB阅读器中测试不同字号、不同设备宽度下的显示效果，确保悬挂缩进始终正常
3. 避免使用过新的CSS属性（比如hanging-indent），部分旧版阅读器可能不支持

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