Suchergebnisse für Anfrage "css3"

4 die antwort

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

2 die antwort

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

8 die antwort

Letzten Rand / Polsterung in Flexbox / Grid-Layout einklappen

Ich habe eine Liste von Elementen, die ich mit flexbox in einem scrollbaren horizontalen Layout anordnen möchte. Jeder Artikel im Container hat einen linken und einen rechten Rand, der rechte Rand des letzten Artikels wird jedoch reduziert. ibt ...

TOP-Veröffentlichungen

6 die antwort

Wie man Ankertags als Blockelement codiert, um andere Blockelemente zu enthalten

Ich habe das gleiche Problem wie in diesem @ beschriebeFade [https://stackoverflow.com/questions/2191029/firefox-rendering-gone-wrong-see-something-really-weird] . Ich frage mich, ob es andere Möglichkeiten gibt, das gleiche Ergebnis zu erzielen ...

2 die antwort

Bild Hover-Effekt

Ich habe einen Image-Hover-Effekt, der gut schwebt. aber ich muss genauso sein wie der boden .. ab jetzt ist alles versteckt bis du schwebst dann zeigt es ... ich habe versucht den rand zu verändern und ohne glück aufzufüllen Demo Image Here ...

8 die antwort

Center und Right richten die Flexbox-Elemente aus

Ich würde gerne habenA B undC in der Mitte ausgerichtet. Wie bekomme ichD ganz nach rechts gehen? VOR [/imgs/3t7DO.png] NACH [/imgs/QFs1B.png] Was ist die beste Vorgehensweise dafür? ul { padding: 0; margin: 0; display: flex; ...

6 die antwort

box Schatten auf einem iPad / Safari

Ich habe Probleme, den netten Schatten im Fokus für ein Eingabefeld auf meinem iPad für Safari hinzuzufügen. Hier ist mein Code /* remember to define focus styles! */ :focus { outline: 0; } input[type=text]{ width: 494px; height: 44px; ...

2 die antwort

Brechen Sie ungeordnete Listenelemente mit flexbox @ spaltenübergreifend au

Gibt es eine Möglichkeit, Listenelemente in einer ungeordneten Liste mit flexbox zu trennen? Ich möchte ein Dropdown-Menü mit drei Spalten erstellen. Zum Beispiel ist mein HTML: <ul id="nav"> <li><a href="./?>Navigation link 1</a></li> ...

4 die antwort

CSS: Deaktiviere Schriftligaturen in allen Browsern

a in China Google-Schriften blockiert sind, musste ich sie herunterladen und FontSquirrel für die Konvertierung verwende Das Problem: fi / ff / etc sind hässlich Ich habe alle Schritte hier gemachtPrevent Ligaturen in Safari (Mavericks / iOS7) ...

6 die antwort

Flexbox: falsche Breitenberechnung bei Flex-Richtung: Stütze, Flex-Wrap: Wrap

Ich habe ein Problem mit der Flexbox. Ich benutze einen Container mitflex-direction: column; flex-wrap: wrap, so können meine inneren Elemente tatsächlich in mehreren Spalten platziert werden. Das Problem ist, dass der Browser die Breite des ...