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.

5
So lassen Sie die Überlauf-CSS-Eigenschaft mit verstecktem Wert arbeiten
Ich habe es schwer mit overflow: hidden. Grundsätzlich versuche ich, den Überlauf einer ungeordneten Liste zu verbergen, die sich in a befindet <div>. Ich habe keine Ahnung, warum das nicht funktioniert. Anstatt es auszublenden, wird meine Liste von einem horizontalen in ein vertikales Layout unterteilt. Die ungeordnete Liste ist Karussell …
122 css  overflow  html 

7
Wie zentriere ich ein Span-Element horizontal innerhalb eines Div
Ich versuche, die beiden Links "Website anzeigen" und "Projekt anzeigen" in der umgebenden Abteilung zu zentrieren. Kann jemand darauf hinweisen, was ich tun muss, damit dies funktioniert? JS Fiddle: http://jsfiddle.net/F6R9C/ HTML <div> <span> <a href="#" target="_blank">Visit website</a> <a href="#">View project</a> </span> </div> CSS div { background:red;overflow:hidden } span a { …
122 css 

5
CSS3-Transformation funktioniert nicht
Ich versuche, meine Menüelemente durch Drehen um 10 Grad zu transformieren. Mein CSS funktioniert in Firefox, aber ich konnte den Effekt in Chrome und Safari nicht replizieren. Ich weiß, dass der IE diese CSS3-Eigenschaft nicht unterstützt, daher ist dies kein Problem. Ich habe folgendes CSS verwendet: li a { -webkit-transform:rotate(10deg); …
122 html  css 


3
Berechnen Sie einen Prozentsatz mit SCSS / SASS
Ich möchte eine Breite in Prozent in scss über die Berechnung festlegen, aber es gibt mir Fehler. Ungültiges CSS nach "...- Breite: (4/12)%": erwarteter Ausdruck (z. B. 1px, fett) war ";" Ich möchte so etwas tun $my_width: (4/12)%; div{ width: $my_width; } Wie füge ich dort das% -Zeichen hinzu? Gleiche …
121 css  sass 



7
Winkel 2 ngIf und CSS Übergang / Animation
Ich möchte, dass ein Div mit css von rechts in Winkel 2 hineingleitet. <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> Ich arbeite gut, wenn ich nur [ngClass] verwende, um die Klasse umzuschalten und die Deckkraft zu nutzen. Aber ich möchte nicht, dass dieses Element von Anfang …


12
Cache-Busting über Parameter
Wir möchten die Pleite bei Produktionsbereitstellungen zwischenspeichern, aber nicht viel Zeit damit verschwenden, ein System dafür zu finden. Mein Gedanke war, einen Parameter auf das Ende von CSS- und JS-Dateien mit der aktuellen Versionsnummer anzuwenden: <link rel="stylesheet" href="base_url.com/file.css?v=1.123"/> Zwei Fragen: Wird dies den Cache effektiv brechen? Verursacht der Parameter, dass …
121 javascript  html  css  caching 


8
Kann ich Tabellenspalten mit CSS einfärben, ohne einzelne Zellen einzufärben?
Gibt es eine Möglichkeit, Spaltenbereiche ganz nach unten zu färben? Siehe Beispiel unten: <table border="1"> <tr> <th>Motor</th> <th colspan="3">Engine</th> <th>Car</th> <th colspan="2">Body</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> </tr> <tr> <td>7</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> </tr> </table> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das …
121 html  css 

4
Wie werden Flexbox-Spalten links und rechts ausgerichtet?
Mit typischem CSS konnte ich eine von zwei Spalten links und eine andere rechts mit etwas Rinnenraum dazwischen schweben lassen. Wie würde ich das mit Flexbox machen? http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { width: 20%; border: solid 1px …
121 html  css  flexbox 

14
Deaktivieren Sie das Scrollen auf `<input type = number>`
Ist es möglich, das Scrollrad zu deaktivieren, indem die Nummer in einem eingegebenen Nummernfeld geändert wird? Ich habe mit Webkit-spezifischem CSS herumgespielt, um den Spinner zu entfernen, aber ich möchte dieses Verhalten insgesamt beseitigen. Ich benutze type=numberes gerne, da es eine schöne Tastatur unter iOS aufruft.
121 javascript  css  html  forms 

11
Reagieren Sie auf nativen Text, der von meinem Bildschirm verschwindet, und weigern Sie sich, ihn zu umbrechen. Was ist zu tun?
Der folgende Code befindet sich in diesem Live-Beispiel Ich habe das folgende native Element reagieren: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( &lt;View style={styles.container}&gt; &lt;View style={styles.descriptionContainerVer}&gt; &lt;View style={styles.descriptionContainerHor}&gt; &lt;Text style={styles.descriptionText} numberOfLines={5} &gt; Here …

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.