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.

3
CSS-Selektor (ID enthält einen Teil des Textes)
Ich habe eine Frage. Ich habe Elemente wie diese: <a> Element mit id = someGenerated Some: Same: 0: name <a> Element mit id = someGenerated Some: Same: 0: Nachname <a> Element mit id = someGenerated Some: Same: 1: name <a> Element mit id = someGenerated Some: Same: 1: Nachname Ich …
8
Gibt es ein srcset-Äquivalent für das CSS-Hintergrundbild?
imgwith srcsetattribute scheint eine großartige Möglichkeit zu sein, reaktionsschnelle Bilder zu erstellen. Gibt es eine äquivalente Syntax, die in CSS funktioniert?background-image Eigenschaft ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }
6
Absolute Positionierung innerhalb der absoluten Position
Ich habe 3 divElemente. 1. divist größer (Wrap) und hatposition:relative; Die 2. divPosition ist absolut zur 1. divrelativen Positionierung positioniert (und in der 1. Position enthalten div). 3. divist im 2. enthalten divund hat auch absolute Positionierung. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Warum ist die 3. divPosition …
88 html  css  css-position 
3
Bootstrap-Zeile mit Spalten unterschiedlicher Höhe
Ich habe derzeit so etwas wie: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Angenommen, contentes handelte sich um Boxen unterschiedlicher Höhe mit derselben Breite - wie könnte ich das gleiche "gitterbasierte Layout" beibehalten und dennoch alle …
9
Zeilenhöhe als Prozentsatz, der nicht funktioniert
Ich habe ein Problem mit der Zeilenhöhe, bei dem ich mich nicht so richtig zurechtfinden kann. Der folgende Code zentriert ein Bild innerhalb eines Div: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo …
87 css 
8
Wie zentriere ich die Twitter-Bootstrap-Registerkarten auf der Seite?
Ich verwende Twitter-Bootstrap, um umschaltbare Registerkarten zu erstellen. Hier ist das CSS, das ich benutze: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Dieses HTML zeigt die Registerkarten korrekt an, wird jedoch nach links gezogen (was eigentlich passieren soll). …
9
Zwei Inline-Block-Elemente mit jeweils 50% Breite passen nicht nebeneinander in eine einzelne Reihe
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ Der obige Code versucht, das #left div und …
87 html  css 
10
Wie richte ich Bereiche oder Bereiche horizontal aus?
Mein einziges Problem ist, dass sie dreifach ausgerichtet sind und den gleichen Abstand haben. Anscheinend können Bereiche keine Breite haben und Divs (und Bereiche mit Anzeige: Block) werden nicht horizontal nebeneinander angezeigt. Vorschläge? <div style='width:30%; text-align:center; float:left; clear:both;'> Ist was ich jetzt habe.
87 css  html 
9
Wie kann ich Text ohne Leerzeichen in ein <td> einschließen?
Ich habe verwendet: word-break:break-all; table-layout:fixed; und der Text wird in Chrome, aber nicht in Firefox umbrochen. Update: Ich habe beschlossen, das Design so zu ändern, dass es nicht umwickelt werden muss. Der Versuch, einen CSS-Fix / Hack zu lösen, erwies sich als zu frustrierend und zeitaufwändig.
87 css 
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.