Fehlerbericht
Beschreibe den Fehler
Wenn ich eine Reihe von Elementen hinzufüge, die größer als die Breite des Spielplatzes sind, wird das Element zerstört break
Reproduzieren
Umgebung
- Betriebssystem: macOS High Sierra 10.13.4
- Knoten-/Garnversion: 8.5.0/1.6.0
nicholasess
Alle 3 Kommentare
Hey @nicholass , danke für das Feedback.
Ich habe es hier debuggt und mit dem Beispiel scheint alles in Ordnung zu sein.
Könnten Sie bitte einen Beispielcode oder ein Repository für diesen Fehler bereitstellen?
marceloavf
am 2. Juli 2018
@marceloavf Ja, dies ist das Repository, das ich erstellt habe.
https://github.com/nicholass/docz-example/blob/master/src/components/Button.mdx#L21
nicholasess
am 2. Juli 2018
Es ist ein unterschätzter Effekt von CSS, das Problem liegt darin, dass Ihre a Tags angezeigt werden: Inline-Elemente (Standardbrowser).
Die Links werden halbiert, weil sie als normaler Text behandelt werden, nicht als Elemente auf Blockebene.
Sie können white-space: nowrap; für sie festlegen, aber sie reagieren nicht, wenn sich die Bildschirmgröße ändert. Daher sollte die Verwendung von display: inline-block; das Problem beheben und sie zu echten Links auf Blockebene machen.
Ich hoffe das ist das was du suchst ✋
marceloavf
am 3. Juli 2018
Verwandte Themen
capaj
·
3Kommentare
brunolemos
·
3Kommentare
meetromb
·
3Kommentare
hayk94
·
3Kommentare
albinekb
·
3Kommentare
Hilfreichster Kommentar
Es ist ein unterschätzter Effekt von CSS, das Problem liegt darin, dass Ihre
aTags angezeigt werden: Inline-Elemente (Standardbrowser).Die Links werden halbiert, weil sie als normaler Text behandelt werden, nicht als Elemente auf Blockebene.
Sie können
white-space: nowrap;für sie festlegen, aber sie reagieren nicht, wenn sich die Bildschirmgröße ändert. Daher sollte die Verwendung vondisplay: inline-block;das Problem beheben und sie zu echten Links auf Blockebene machen.Ich hoffe das ist das was du suchst ✋