Wie kann man whitespace unterdrücken?
Denn: der kann durchaus auch Probleme machen. Beispiel:
ul.inline li {
display: inline;
inline-size: fit-content;
padding: 0;
margin: 0;
&:not(:last-child):after {
display: inline;
content: ",";
margin-inline-end: 0.75ch;
}
}
…
<ul class="inline">
<li>Aha?</li>
<li>1</li>
<li>2</li>
</ul>
Damit wird dann, wenn es einen Umbruch gibt, aus „Aha?, 1, 2“ ein (hier wegen der Sichtbarkeit etwas übertrieben) „Aha?, 1 , 2“. Die einzige Lösung, die ich da bisher sehe:
<ul class="inline">
<li>Aha?</li><li>1</li><li>2</li></ul>
Das funktioniert zwar, aber der Quelltext sieht … aus. Und wird, wenn so etwas dann evtl. auch noch öfter, verschachtelt, vorkommt, „etwas unübersichtlich“.