Leerzeichen schmal darstellen
- Ersteller steffen93
- Erstellt am
Werbung:
![]()
Aaron3219
Senior HTML'ler
Ist so meines wissens nach nicht mit HTML/CSS möglich.
letter-spacing ist das, was dem am nächsten kommt. Es macht aber den Abstand zwischen den Buchstaben auch kleiner und nicht nur die Leerzeichen.
Mein Vorschlag:
Lies den Text mit JS aus und überprüfe ihn auf Leerzeichen. Bei jedem Leerzeichen soll er dann NUR da das letter-spacing verändern. Ist aber ungetestet.
Edit:
Es gäbe noch eine leichtere Möglichkeit. Ersetze die Leetzeichen durch <span>. Im CSS setzt du dann ein padding.
Das musst du nicht mal selber machen. Lass es JS für dich tun.
letter-spacing ist das, was dem am nächsten kommt. Es macht aber den Abstand zwischen den Buchstaben auch kleiner und nicht nur die Leerzeichen.
Mein Vorschlag:
Lies den Text mit JS aus und überprüfe ihn auf Leerzeichen. Bei jedem Leerzeichen soll er dann NUR da das letter-spacing verändern. Ist aber ungetestet.
Edit:
Es gäbe noch eine leichtere Möglichkeit. Ersetze die Leetzeichen durch <span>. Im CSS setzt du dann ein padding.
Das musst du nicht mal selber machen. Lass es JS für dich tun.
Zuletzt bearbeitet:
Sentence
Aktives Mitglied
Du kannst, wenn du den Text eingibst das Leerzeichen auch mit   oder   setzen.
Ausserdem kannst du mit JS auch das normale Leerzeichen durch das kurze ersetzen. z.B. so:
MfG
Ausserdem kannst du mit JS auch das normale Leerzeichen durch das kurze ersetzen. z.B. so:
HTML:
var t = document.getElementById("text").innerText;
t = t.replace(/ /g, " ");
document.getElementById("text").innerHTML = t;MfG
Werbung:
![]()
Aaron3219
Senior HTML'ler
Ich weiß, dass Thread ist schon ein bisschen älter, dennoch habe ich die Lösung gefunden.
Sie nennt sich:
"word-spacing" und ist natürlich CSS.
https://www.w3schools.com/cssref/pr_text_word-spacing.asp
Sie nennt sich:
"word-spacing" und ist natürlich CSS.
https://www.w3schools.com/cssref/pr_text_word-spacing.asp
