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.

10
Zeilenumbruch eine sehr lange Zeichenfolge
Wie können Sie eine lange Zeichenfolge, Website-Adresse, ein Wort oder einen Satz von Symbolen mit automatischen Zeilenumbrüchen anzeigen, um eine Div-Breite beizubehalten? Ich denke, eine Art Zeilenumbruch. Normalerweise funktioniert das Hinzufügen eines Leerzeichens, aber gibt es eine CSS-Lösung wie Zeilenumbruch? Zum Beispiel überlappt es (sehr bösartig) divs, Kräfte horizontale Scrollen …
3
CSS-Anzeige: Tabelle ohne Rand
<html> <style type="text/css"> .table { display: table;} .tablerow { display: table-row; border:1px solid black;} .tablecell { display: table-cell; } </style> <div class="table"> <div class="tablerow"> <div class="tablecell">Hello</div> <div class="tablecell">world</div> </div> <div class="tablerow"> <div class="tablecell">foo</div> <div class="tablecell">bar</div> </div> </div> </html> Nach meinem Verständnis sollte auf jeder der Zeilen, die ich über die …
3
CSS-Box-Shadow versteckt (Z-Index nicht behoben)
Ich habe einen Kastenschatten auf meinem #primaryNavDiv. Leider wird der Schatten vom Hintergrund des folgenden #pageElements verdeckt / ausgeblendet . Ich habe versucht, einen Z-Index von 100 auf #primaryNavund einen Z-Index von -100 auf #page festzulegen, aber das behebt mein Problem nicht. Irgendwelche Ideen, was ich falsch mache?
72 z-index  css 
12
-webkit-margin fügt unerwünschten Rand für Texte hinzu
Das hatte mich bis jetzt nicht getroffen (und das nicht nur in Webkit-Browsern). Auf allen Texten wie pTags, h1Tags usw. befindet sich über und unter dem Text ein zusätzlicher Platz. In Chrom habe ich folgendes gefunden: Stylesheet für Benutzeragenten -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; Dies macht die …
72 css  padding 
13
iOS 7 iPad Safari-Landschaft innerHeight / OuterHeight-Layoutproblem
Wir sehen Probleme mit einer Web-App, die unter Safari in iOS 7 eine Höhe von 100% hat. Es scheint, dass window.innerHeight (672px) nicht mit window.outerHeight (692px) übereinstimmt, sondern nur im Querformat. Was am Ende passiert, ist, dass Sie in einer App mit 100% Körpergröße 20 Pixel zusätzlichen Speicherplatz erhalten. Dies …
72 css  ipad  safari  ios7 
2
Was sind "Daten erfordern" "Datensemver" in HTML-Dateien?
Ich habe solche Tags in HTML gesehen. Was sind diese Attribute? Dies ist KEIN Duplikat der data-*Frage. Bearbeiten: Ich suche nach diesen beiden spezifischen Attributen, weder data-*allgemein noch datenbedürftig , wie Google vorschlägt. Wenn Sie im Web suchen, können Sie feststellen, dass diese Attribute an vielen Stellen verwendet werden. Ich …
72 javascript  html  css  plunker 
12
Wie zentriere ich .btn-group von Twitter-Bootstrap?
Ich benutze Twitter-Bootstrap und fand es ziemlich schwierig zu zentrieren, divwelche Klasse .btn-group( Link ) hat. Normalerweise benutze ich margin: 0 auto; oder text-align: center; Dinge innerhalb von div zu zentrieren, aber es funktioniert nicht, wenn das innere Element eine Eigenschaft hat, float: leftdie in diesem Fall für visuelle Effekte …
10
Wie stelle ich die maximale Höhe für die Tabellenzelle ein?
Ich habe eine Tabellenzelle mit fester Breite und Höhe und wenn der Text zu groß ist, sollte die Zellengröße gleich bleiben und der Text sollte durch Überlauf ausgeblendet werden: ausgeblendet. div { display: table-cell height: 100px; width: 100px; overflow: hidden; vertical-align: middle; } Die Tabellenzelle wird jedoch über 100 Pixel …
72 html  css 
7
Seltsamer Gradientenrand-Effekt
Wenn linear-gradientich einen transparenten Rand auf ein Element mit einem als Hintergrund anwende, erhalte ich einen seltsamen Effekt. Beachten Sie, dass die linke und rechte Seite des Elements nicht die richtigen Farben haben (sie sind irgendwie vertauscht) und seltsam flach sind . HTML <div class="colors"> </div> CSS .colors { width: …
7
Chrome rendert Farben anders als Safari und Firefox
Chrome rendert # FF3A00 aus irgendeinem Grund als # FF0000. Ich habe einen Screenshot von jsfiddle beigefügt , um den Punkt zu veranschaulichen. Die Farbe, die das Farbmessgerät meldet (und was ich sehe), unterscheidet sich von den CSS-Angaben. Dies passiert auch bei anderen Farben. Beispielsweise wird # FFAF00 gemäß dem …
4
Beste Möglichkeit, 1/3 von 100% in CSS darzustellen?
Ich habe eine große <div>mit drei kleinen <div>darin, inline. Sie haben jeweils eine Breite von 33%, aber das verursacht einige Ausrichtungsprobleme, da 3 * 33%! = 100%. Was ist der beste Weg, um ein perfektes Drittel in CSS wie diesem darzustellen? Vielleicht nur 33,33%?
72 css 
3
Hintergrundfarbe in Eingabe- und Textfeldern
Ich möchte den farbigen Hintergrund in den Text- und Eingabefeldern eines Formulars ändern, aber wenn ich dies tue, wirkt sich dies auch auf die Schaltfläche "Senden" aus! Könnte es auf eine andere Weise gemacht werden, die die Schaltfläche nicht beeinflusst? Ich habe diesen Code verwendet: input, textarea { background-color: #d1d1d1; …
72 css 
5
Warum funktioniert .class: last-of-type nicht wie erwartet?
Warum funktioniert das nicht? http://jsfiddle.net/84C5W/1/ p{ display: none; } p.visible:last-of-type { display: block; } <div> <p class="visible">This should be hidden</p> <p class="visible">This should be displayed</p> <p class="">This should be hidden</p> </div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Tatsächlich ist keines meiner <p>Elemente sichtbar. Wenn ich den Verweis …
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.