grid: 1fr 2fr; verhindern dass 1fr-Spalte < 1fr
bearbeitet von
Hallo michaah,
neulich beim Zahnarzt: „Jetzt beißen Sie mal die Zähne zusammen und machen Sie den Mund auf!“
Ähnlich geht es deinem Browser. Du sagst ihm: `1fr` („Beißen Sie die Zähne zusammen!“). Und dann gibt's das Browser-Stylesheet und die CSS Defaults. Die sagen: `overflow:visible` („machen Sie den Mund auf!“).
Armer Browser. Für eins muss er sich entscheiden. Und wie jeder gute Spieß scheißt Du ihn dafür dann auch noch zusammen.
Also: Entkrampfe seine Zähne. Erlaube ihm, den überlaufenden Text zu scrollen (`overflow: scroll`) oder zu verstecken (`overflow:hidden`).
Oder sperr ihm nicht so lange Wörter in den Mund. Gönne Dir eine Handvoll `­` und streue sie vorsichtig über die langen Worte im Text. Dann bröseln sie sanft auseinander und passen auch in den `1fr` Schlitz.
🤣
_Rolf_
--
sumpsi - posui - obstruxi