CSS诗歌电子书 - 线条包裹与悬挂缩进

Question

我需要帮助编写一本诗集。该书将在亚马逊上提供，读者将能够更改文字大小。如果它们长于阅读器设备的宽度，我需要用悬挂的缩进包裹。

这本书目前正在设置，以便每个节都是它自己的段落，每一行的末尾都有一个
。如何确保线条用悬挂缩进包裹？它将被翻译成EPUB文件。

感谢所有建议。

Answer 1

您可以尝试这样的事情：

.hang {
padding-left: 2em ;
text-indent: -2em ;
}

请注意，在＆＃34;挂起＆＃34;。

之前有一个点/句号/句号

然后每个其他段落都会标记如下：

<p class="hang">

或者你可以尝试这样的事情，如果你不介意不用CSS解决它：

<p width="-30">First line</p>
<p width="-60">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Second line</p>
<p width="-30">Third line</p>
<p width="-60">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Guess which line</p>
<p width="-30">Next line</p>
<p width="-60">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;And so on</p>

然后有this topic，还有this one。

您也可以在Ebooks Stackexchange询问！