Als «css» getaggte Fragen

CSS (Cascading Style Sheets) ist eine Darstellungssprache, die zur Beschreibung des Erscheinungsbilds und der Formatierung von HTML-Dokumenten (HyperText Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen verwendet wird, einschließlich (aber nicht beschränkt auf) Farben, Layout, Schriftarten, und Animationen. Außerdem wird beschrieben, wie Elemente auf dem Bildschirm, auf Papier, in der Sprache oder auf anderen Medien gerendert werden sollen.

8
Ausblenden von Text beim Überlaufen mit CSS, wenn der Text größer als zulässig ist
Ich versuche, einen Textausblendeffekt zu erzeugen, wenn die Textmenge größer ist, als die Zeile verarbeiten kann. Ich Erreichung dieses Ziels mit der Mischung aus max-height, overflowund linear-gradient. Etwas wie das. max-height:200px; overflow:hidden; text-overflow: ellipsis; background: -webkit-linear-gradient(#000, #fff); Die volle Geige ist verfügbar . Ich versuche einen ähnlichen Effekt zu erzielen …
74 html  css 
6
Sollte der Randradius den Inhalt abschneiden?
Sollte der Inhalt meines Containers nicht abgeschnitten werden, wenn der Container hat border-radius? Beispiel für HTML und CSS: .progressbar { height: 5px; width: 100px; border-radius: 5px; } .buffer { width: 25px; height: 5px; background: #999999; } <div class="progressbar"> <div class="buffer"></div> </div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet …
74 css 
5
Wie stelle ich einen Flex-Container auf die Breite seiner Flex-Elemente ein?
Ich habe einen Flexcontainer mit justify-content: flex-start. Auf der rechten Seite kommt es zu einem Überlauf, da die flexiblen Elemente weniger Platz beanspruchen als die Größe des Behälters. Gibt es neben der Einstellung einer expliziten Breite für den Flex-Container eine Möglichkeit, nur das Äquivalent width: autozu haben, um den Überlauf …
74 css  flexbox 
6
CSS-Pseudoelemente in React
Ich baue React- Komponenten. Ich habe CSS inline in die Komponenten eingefügt, wie in dieser brillanten Präsentation von einem der Leute hinter React vorgeschlagen. Ich habe die ganze Nacht versucht, einen Weg zu finden, um CSS-Pseudoklassen inline hinzuzufügen, wie auf der Folie mit dem Titel ":: after" in der Präsentation. …
4
Wie ändere ich die Standardnachricht des erforderlichen Feldes im Popover der Formularsteuerung in Bootstrap?
<form class="form-asd" role="form"> <h2 class="form-signin-heading">login</h2><hr /> <label class="control-label" for="username">Username</label> <input class="form-control" type="email" required="" placeholder="username"data-error="enter valid username"></input> <label class="control-label" for="username">password</label> <input class="form-control" type="password" required=" " placeholder="Password"></input> <label class="checkbox"></label> <button class="btn btn-lg btn-primary " type="submit">submit</button> </form> Wie können wir diese Standard-Popover-Meldung des Anforderungsfelds "Bitte füllen Sie dieses Feld aus" in "Bitte geben …
5
CSS: Problemumgehung zum Hintergrundfilter?
backdrop-filter ist eine aktuelle CSS-Funktion, die in modernen Browsern noch nicht verfügbar ist (mindestens ab dem 1. Juli 2016). Chrome 51 unterstützt backdrop-filterüber das Experimental Web Platform-Flag. Safari 9.1 unterstützt es mit -webkit-Präfix Firefox 47 hat keine Unterstützung In einem so unbrauchbaren Zustand würde ich gerne wissen, ob es einen …
74 html  css 
7
Entfernen Sie alle Auffüllungen und Randtabellen HTML und CSS
Ich habe diese Tabelle: <body> <table id="page" > <tr id="header" > <td colspan="2" id="tdheader" >je suis</td> </tr> <tr> <td>1</td> <td>2</td> </tr> </table> </body> und hier ist die CSS html, body, #page { height:100%; width:100%; margin:0; padding:0; } #header { margin:0; padding:0; height:20px; background-color:green; } und ich möchte alle Ränder und …
4
Zeilenumbrüche im Textbereich beibehalten
Ich habe ein Formular mit einem Textbereich und möchte die vom Benutzer bei der Ausgabe des Inhalts eingegebenen Zeilenumbrüche beibehalten. Zum Beispiel, wenn ich im Textbereich schreibe: Hier ist ein Satz. Hier ist noch einer. hier ist noch einer. Dies ist ein neuer Absatz. Hier ist ein neuer Satz. Hier …
4
Verhindern Sie das Schrumpfen der Flexbox
Ich verwende Flexbox, um eine Seite zu gestalten, da das wachsende Verhalten nützlich ist. Aber ich möchte das Schrumpfverhalten vollständig verhindern . Wie auch immer, um das zu schaffen? Beispielcode: <div class="flex-vertical-container"> <div class="flex-box"> This one should grow but not shrink </div> <div></div> <div></div> </div> CSS .flex-vertical-container { display: flex; …
74 css  flexbox 
6
Wie gebe ich den Hintergrundbildpfad in CSS an?
Meine CSS-Datei befindet sich in: Project / Web / Support / Styles / file.css Mein Bild ist in: Project / Web / images / image.png Ich möchte dieses Bild in meiner CSS-Datei. Ich habe versucht : 1) background-image: url(/images/image.png); 2) background-image: url('/images/image.png'); 3) background-image: url("/images/image.png"); 4) background-image: url(../images/image.png); 5) background-image: …
74 html  css 
2
Erzwingen Sie, dass sich das Flex-Element über die gesamte Reihenbreite erstreckt
Ich versuche, die ersten beiden untergeordneten Elemente in derselben Zeile beizubehalten, während sich das dritte Element in voller Breite unten befindet, während Flex verwendet wird. Ich interessiere mich besonders für die in Verwendung flex-growund flex-shrinkEigenschaften auf den ersten 2 Elemente (die nicht mit Prozent einer meiner Gründe ist) aber das …
74 html  css  flexbox 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.