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
Ist es möglich, dass flexible Elemente eng an den darüber liegenden Elementen ausgerichtet sind?
Dies ist praktisch das Pinterest-Layout. Die online gefundenen Lösungen sind jedoch in Spalten eingeschlossen, was bedeutet, dass der Container versehentlich horizontal wächst. Das ist nicht das Pinterest-Layout, und es funktioniert nicht gut mit dynamisch geladenen Inhalten. Was ich tun möchte, ist eine Reihe von Bildern mit fester Breite und asymmetrischer …
4
Textüberlauf-Auslassungspunkte in einem von zwei Bereichen in einem Wrapper
Ich habe ein Problem mit Auslassungspunkten. Hier ist mein HTML: <div id="wrapper"> <span id="firstText">This text should be effected by ellipsis</span> <span id="lastText">this text should not change size</span> </div> Gibt es eine Möglichkeit, dies mit reinem CSS zu tun? Folgendes habe ich versucht: #firstText { overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } #lastText …
71 html  css 
8
Dürfen Sie einen Link innerhalb eines Links verschachteln?
Dies mag ziemlich einfach erscheinen. Dürfen Sie einen Link in einen Link einfügen? Siehe beigefügtes Bild unten: Ich versuche, die gesamte graue Leiste anklickbar zu machen, um irgendwohin zu gelangen, aber wenn der Benutzer auf das Rad oder den Bewegungspfeil klickt, handelt es sich um andere Links. Siehe meinen aktuellen …
71 html  css 
4
CSS-Grid-Container zwingen, den Vollbildmodus des Geräts zu füllen
Wie erzwinge ich, dass ein CSS-Rastercontainer die volle Breite und Höhe des Gerätebildschirms für eine App mit nur einer Seite übernimmt? Das geänderte Beispiel stammt aus der Mozilla: Firefox-Dokumentation .wrapper { display: grid; border-style: solid; border-color: red; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-gap: 10px; } .one { border-style: solid; …
71 html  css  css-grid 
6
Wie kann eine ungeordnete Liste mit unbekannter Breite horizontal zentriert werden?
Es ist üblich, dass eine Reihe von Links in einer Fußzeile in einer Liste dargestellt wird, z. <div id="footer"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </div> Ich möchte, dass alles in der div # -Fußzeile horizontal zentriert ist. Wenn es ein Absatz wäre, würden Sie einfach sagen : …
70 html  css  centering 
8
Keine CSS-Selektoren
Gibt es eine Art "nicht" CSS-Selektor? Wenn ich beispielsweise die folgende Zeile in mein CSS schreibe, haben alle Eingabefelder in einem Tag mit dem Klassennamen der Klasse einen roten Hintergrund. .classname input { background: red; } Wie wähle ich alle Eingabefelder aus, die sich AUSSERHALB eines Tags mit Klassenklassenname befinden …
4
Was ist der Standardwert des Attributs "Position" eines DIV?
Die Antworten dieser Frage sind eine Gemeinschaftsanstrengung . Bearbeiten Sie vorhandene Antworten, um diesen Beitrag zu verbessern. Derzeit werden keine neuen Antworten oder Interaktionen akzeptiert. Ich habe mich nur gefragt, was das Standardattribut "Position" eines DIV sein könnte. Genau wie ein DIV die Anzeigeeigenschaft BLOCK hat, was ist die Standardeigenschaft …
70 html  css 
7
Internet Explorer 10 Windows 8 Entfernen Sie Texteingabe- und Kennwortaktionssymbole
Ich teste eine hochgradig angepasste Webanwendung in Internet Explorer 10 unter Windows 8, da es sich um eine aufstrebende Version handelt und meine Anwendung wahrscheinlich eines Tages verwendet wird. Schauen Sie sich diesen Beispiel-Screenshot einiger Steuerelemente für die Texteingabe aus der Anwendung an: Gibt es eine Möglichkeit, innerhalb von HTML …
14
Machen Sie TBODY in Webkit-Browsern scrollbar
Ich bin mir dieser Frage bewusst , aber keine der Antworten funktioniert in Safari, Chrome usw. Die akzeptierte Strategie ( wie hier gezeigt ) besteht darin, die Körperhöhe und die Überlaufeigenschaften wie folgt einzustellen: <table> <thead> <tr><th>This is the header and doesn't scroll</th></tr> </thead> <tbody style="height:100px; overflow:auto;"> <tr><td>content that scrolls</td></tr> …
70 html  css  webkit 
3
div hover Hintergrundfarbe ändern?
Wie kann ich dafür sorgen, dass es so wirkt, als ob eine Linie von div verankert ist? Wenn ich darüber schwebe, wird sie wieder rot CSS .e { width:90px; border-right:1px solid #222; text-align:center; float:left; padding-left:2px; cursor:pointer; } .f .e { background-color:#F9EDBE; } HTML <div> <div class="e" >Company</div> <div class="e">Target</div> <div …
70 css  html  hover 
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.