Ich habe mehrere Absätze, die ich einrücken möchte, allerdings nur die ersten Zeilen dieser Absätze.
Wie würde ich nur die ersten Zeilen mit CSS oder HTML ansprechen?
Nur die erste Textzeile in einem Absatz einrücken?
Lesezeit: 3 Minuten
12982000cookie-checkNur die erste Textzeile in einem Absatz einrücken?
Meilen Henrichs
-
Ich werde wirklich traurig, wenn ich hier auf Stackoverflwo eine Antwort sehe, die mir hilft, aber das OP hat sie nicht akzeptiert … Entschuldigung, Bruder. Du hast es verdient.
– Paulotorrens
26. November 2013 um 18:42 Uhr
-
Scheint, dass der Benutzer weniger als einen Monat, nachdem dies gefragt wurde oder verschwand, die Verwendung von SE eingestellt hat.
– Mikromaschine
27. Januar 2017 um 20:28 Uhr
-
@paulotorrens Die akzeptierte Antwort sollte die mit den meisten positiven Stimmen sein, da sie der Mehrheit hilft und nicht nur OP
– Kellen Stuart
30. August 2018 um 19:52 Uhr
-
@paulotorrens Die akzeptierte Antwort ist gut mit der OP-Wahl. Warum traurig? Es ist nicht so wichtig. Wichtig ist, dass die Antwort positiv bewertet wird, um allen klar zu machen, dass es sich um eine gute und nützliche Antwort handelt.
– Quidam
31. Mai 2019 um 3:51 Uhr
Zusätzlich zum Texteinzug können Sie die :first-line Auswahl, wenn Sie zusätzliche Stile anwenden möchten.
p:first-line {
color:red;
}
p {
text-indent:40px;
}
Ganz einfach mit CSS:
p {
text-indent:10px;
}
Erstellt einen Einzug von 10 Pixeln in jedem Absatz.
Wayne
Ich hatte auch ein Problem damit, die erste Zeile eines Absatzes (nur die erste Zeile) einzurücken und versuchte den folgenden Code:
p::first-line { text-indent: 30px; }
Das hat nicht funktioniert. Also habe ich eine Klasse in meinem CSS erstellt und sie in meinem HTML wie folgt verwendet:
im CSS:
.indent { text-indent: 30px; }
im HTML-Format:
<p class="indent"> paragraph text </p>
Das funktionierte wie ein Zauber. Ich weiß immer noch nicht, warum das erste Codebeispiel nicht funktioniert hat, und ich habe dafür gesorgt, dass der Text nicht ausgerichtet war.
Andere haben den besten Weg erwähnt, dies über CSS zu implementieren, aber wenn Sie eine schnelle Lösung mit Inline-Formatierung benötigen, verwenden Sie einfach den folgenden Code:
<p style="text-indent: 40px">This text is indented.</p>
-
Dies ist identisch mit der akzeptierten Antwort, außer dass die schlechte Praxis des Inlining-Stils in HTML-Tags hinzugefügt wird …
– Jean-Francois Corbett
11. April 2018 um 8:01 Uhr
Alex
Bitte schön:
p:first-line {
text-indent:30px;
}
Ich habe keine klare Antwort für einen CSS-Neuling gesehen, also hier ist eine einfache.
-
Dies ist identisch mit der akzeptierten Antwort, außer dass die schlechte Praxis des Inlining-Stils in HTML-Tags hinzugefügt wird …
– Jean-Francois Corbett
11. April 2018 um 8:01 Uhr
Aromapark-Medien
zuerst alle Zeilen einrücken (1), dann die erste Zeile ausrücken (2)
padding-left: 0.4em /* (1) */
text-indent: -0.4em /* (2) */
-
Das ist für die anderen Linien. Verwenden Sie für die erste Zeile just
text-indent.– Rodrigo
26. Juni um 5:26 Uhr
@Ricardo – Leider nicht. Markieren einer Antwort als das Antwort wird nur der Person gegeben, die die Frage gestellt hat, und die Machthaber haben nicht die Absicht, dies zu ändern. Soweit es sie betrifft, ist das Abstimmungssystem dafür da, damit andere auf die Frage stoßen (wobei die am besten bewertete Antwort im Grunde die “Community-Wahl” ist).
– Shauna
12. Februar 2013 um 21:06 Uhr
Warum akzeptierst du keine Antwort? Hier gibt es mehrere gute.
– jeremyjjbrown
27. Januar 2014 um 5:41 Uhr