nix: Frage zum Wiki-Artikel „Whitespace“

Beitrag lesen

problematische Seite

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“.