【发布时间】：2017-12-18 22:46:42
【问题描述】：
我正在使用纯 html 作为本书章节的源文件创建一本小说电子书。我想尽可能地保留 html 并使用 CSS 进行格式化。本书的大部分内容只需要对段落后面的任何段落进行缩进，并且每个 <hr /> 标签都应显示为场景中断，例如3 * 居中对齐。
这在 JSFiddle 和 chrome 中都可以正常工作。
p {
margin: 0rem;
text-indent: 0rem;
}
p + p {
text-indent: 1.5rem;
}
hr {
visibility: hidden;
text-align: center;
overflow: visible;
margin-top: 2em;
margin-bottom: 2em;
}
hr::after {
visibility: visible;
content: "* * *";
}<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nunc sit amet ipsum consectetur blandit. Donec vehicula commodo ante vel luctus. Aenean at lobortis velit, quis ultrices orci.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nunc sit amet ipsum consectetur blandit. Donec vehicula commodo ante vel luctus. Aenean at lobortis velit, quis ultrices orci.</p>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nunc sit amet ipsum consectetur blandit. Donec vehicula commodo ante vel luctus. Aenean at lobortis velit, quis ultrices orci.</p>但是当我将它复制到亚马逊电子书预览应用程序时，我需要这个额外的冗余 CSS 来显示 ***？
p::after {
content: " "
}
任何人都可以帮助确定为什么电子书中可能需要这样做吗？我不想在每个段落的末尾标记一个无用的空格来完成这项工作。提前致谢。
【问题讨论】：
-
注意：
<hr>不使用或不需要结束斜线，而且从来没有。 -
也许你可以让它保持原样。毕竟，人们不会看到这个额外的空间，你不觉得吗？ （这不会帮助您解决问题......但如果有任何问题，请重新考虑）
-
@Rob 在 XHTML 中确实如此 - hr 有一个斜线。
-
@Cedric 是的，但这是 HTML。 XHTML 是 XML。
-
对不起，我的帖子中的错误 kindle 电子书格式确实需要 XHTML，因此 hr 上的斜线。我把这个 HTML 叫做 HTML，因为我在玩的时候把它保存为 HTML。