Ich erstelle ein fiktion eBook mit plain html als Quelldateien für die Kapitel des Buches. Ich möchte den HTML-Code so klein wie möglich halten und CSS für die Formatierung verwenden. Der Großteil des Buchs benötigt nur einen Einzug für jeden Absatz, der einem Absatz folgt, und jedes <hr />
-Tag sollte als Szenenunterbrechung angezeigt werden, z. 3 * zentriertCSS für fiktion ebook
Das alles funktioniert gut in JSFiddle und in Chrom.
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>
aber wenn ich dies dem App ebook Vorschau Amazon kopieren muss ich diese zusätzliche redundante sucht CSS für die *** s erscheinen?
p::after {
content: " "
}
Kann jemand helfen zu identifizieren, warum dies im Ebook benötigt werden könnte? Ich möchte keinen nutzlosen Platz am Ende jedes Absatzes markieren müssen, um dies zu erreichen. Danke im Voraus.
Hinweis: ''
keinen abschließenden Schrägstrich und nie hat verwenden oder benötigen. – Rob
Vielleicht könntest du es so lassen wie es ist. Schließlich werden die Leute diesen zusätzlichen Raum nicht sehen, meinst du nicht? (Dies wird Ihnen nicht helfen, das Problem zu lösen ... aber um zu überdenken, wenn es welche gibt) – Cedric
@Rob in XHTML, es tat - hr hatte einen schließenden Schrägstrich. – Cedric