Suchergebnisse für Anfrage "css3"
Warum hat ein Inline-Flex-Element mit Clearfix einen seltsamen Leerraum?
Ich habe ein seltsames Verhalten einesinline-flex -Element, wenn ein Clearfix darauf angewendet wird. Wenn ich einen Clearfix auf ein Element setze, das ein @ hinline-flex Anzeigeeigenschaft der seltsame weiße Raum erscheint davor: ...
SCSS “&” und worauf es sich bezieht
kann jemand auf diese Fragen zum übergeordneten Verweisselektor "&" antworten. Was ist in diesem Fall "&". //Case 1 .parent { & > ul { color: red } } //Case 2 .parent { & > ul { & > li { color: blue; } } } //Case 3 .parent { & > ul { & > li { ...
text-overflow: Auslassungspunkte funktionieren in einem verschachtelten Flex-Container nicht
Ich habe eine Komponente, die aus Text neben einer Schaltfläche besteht. Der Text muss verkleinert und abgeschnitten werden, wenn nicht genügend Speicherplatz verfügbar ist. So was .container .box { background-color: #efefef; padding: 5px; ...
CSS Mask funktioniert nicht auf Firefox
Ich versuche, ein SVG-Bild mithilfe einer Maske anzuzeigen, aber in Firefox wird es nicht angezeigt. Meine CSS-Klasse lautet wie folgt: .myClass { -webkit-mask: url('../img/arrow-down.svg') no-repeat 100% 100%; ...
CSS Transition Auto Width
Ich habe ein Element, dessen Breite ich animieren möchte, wenn sich der Inhalt ändert. Es hatwidth: auto, und das ändert sich nie. Ich habe gesehendieser Trick [https://stackoverflow.com/a/8331169/4414003], aber das ist für den Übergang zwischen ...
Nach unten in der Flexbox ausrichten
Ich habe Container, deren Höhe sich je nach Inhalt dynamisch ändern sollte. Für alle Container in einer bestimmten Zeile sollte der untere Text unabhängig vom Inhalt in jedem Container am unteren Rand fixiert werden. .flex-list { display: ...
Mit n in calc
kann ich die Variable n in einem calc-Ausdruck verwenden? Beispielsweise .child:nth-child(n) { margin-left: calc(n * 46px); }Mein Code: <div class="share-buttons"> <div class="share-button-main"></div> <div class="share-button share-facebook"> ...
React Native: "Auto" -Breite für Textknoten
Ich habe ein Textelement in einer Ansicht: <View><Text>hello world foo bar</Text></View> als Teil eines flexiblen Gitters. Ich möchte, dass diese Ansicht eine automatische Breite hat, die auf dem Inhalt, d. H. Der Länge des Texts, ...
Internet Explorer erweitert keine Flexbox mit Flexrichtung: column
Ich versuche, einen Container mit einem statischen Header und einem Body zu erstellen, der sich basierend auf seinem Inhalt auf eine maximale Höhe erweitert. Nachdem die maximale Höhe erreicht ist, sollte der Körper scrollen. Ich habe Code ...
Background-Anhang: Fehler behoben, der auf Android / iOS nicht funktionie
Dies ist mein Code: <div style="width: 100vw; height: 100vh; background-image: url(img/kid1/1.jpg); background-attachment: fixed; background-size: cover"></div> <div style="width: 100vw; height: 100vh; background-image: ...