Leerzeichen schmal darstellen

[steffen93]

Hallo,

ich möchte gerne auf einer Website in einem Textbereich die Leerzeichen als halbe Leerzeichen-Größe darstellen. Wie kann ich das machen?

Herzliche Dank
steffen93

 

[Aaron3219]

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.

 

[Sentence]

Du kannst, wenn du den Text eingibst das Leerzeichen auch mit &thinsp; oder &#8201; setzen.
Ausserdem kannst du mit JS auch das normale Leerzeichen durch das kurze ersetzen. z.B. so:

var t = document.getElementById("text").innerText;
t = t.replace(/ /g, " ");
document.getElementById("text").innerHTML = t;

MfG

 

[Aaron3219]

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