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.

4
Twitter Bootstrap Button Text Zeilenumbruch
Für mein Leben bin ich nicht in der Lage, diese Twitter-Bootstrap-Schaltflächen so zu gestalten, dass sie in mehrere Zeilen umbrochen werden. Sie sehen so aus. Ich kann keine Bilder posten, also ist es das, was es tut ... [Dies ist der Haupttext Ich möchte, dass es so aussieht [Dies ist …
5
Wie mache ich Flexbox-Artikel gleich groß?
Ich möchte eine Flexbox verwenden, die einige Elemente enthält, die alle gleich breit sind. Mir ist aufgefallen, dass die Flexbox den Raum gleichmäßig verteilt und nicht den Raum selbst. Beispielsweise: .header { display: flex; } .item { flex-grow: 1; text-align: center; border: 1px solid black; } <div class="header"> <div class="item">asdfasdfasdfasdfasdfasdf</div> …
186 css  flexbox 
7
Wie kann ein Inline-Block-Element den Rest der Zeile ausfüllen?
Ist so etwas mit CSS und zwei Inline-Block-DIV-Tags (oder was auch immer) möglich, anstatt eine Tabelle zu verwenden? Die Tabellenversion lautet wie folgt (Rahmen hinzugefügt, damit Sie sie sehen können): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head></head> <body> <table style="width:100%;"> <tr> <td style="border:1px solid black;width:100px;height:10px;"></td> <td …
185 css  layout  fixed-width 
12
Wie ändere ich ein Bild mit einer Eingabeschaltfläche mithilfe von CSS?
So kann ich mit eine Eingabeschaltfläche mit einem Bild erstellen <INPUT type="image" src="/images/Btn.PNG" value=""> Mit CSS kann ich jedoch nicht dasselbe Verhalten erzielen. Zum Beispiel habe ich es versucht <INPUT type="image" class="myButton" value=""> Dabei ist "myButton" in der CSS-Datei als definiert .myButton { background:url(/images/Btn.PNG) no-repeat; cursor:pointer; width: 200px; height: 100px; …
18
Wie kann man Text in HTML umbrechen?
Wie kann Text, aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaader die Breite eines div(sagen wir 200px) überschreitet , umbrochen werden? Ich bin offen für jede Art von Lösung wie CSS, jQuery usw.
184 html  css  word-wrap 
16
Symbol im Eingabetext löschen
Gibt es eine schnelle Möglichkeit, ein Eingabetextelement mit einem Symbol auf der rechten Seite zu erstellen, um das Eingabeelement selbst zu löschen (wie das Google-Suchfeld)? Ich habe mich umgesehen, aber nur herausgefunden, wie ein Symbol als Hintergrund für das Eingabeelement eingefügt werden kann. Gibt es ein jQuery-Plugin oder etwas anderes? …
184 javascript  jquery  html  css 
12
Wenden Sie den Stil NUR im IE an
Hier ist mein CSS-Block: .actual-form table { padding: 5px 0 15px 15px; margin: 0 0 30px 0; display: block; width: 100%; background: #f9f9f9; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } Ich möchte nur, dass IE 7, 8 und 9 "sehen" width: 100% Was ist der einfachste Weg, um …
9
Bild mit CSS ausgrauen?
Was ist der beste Weg (falls vorhanden), um ein Bild mit CSS "ausgegraut" erscheinen zu lassen (dh ohne eine separate, ausgegraute Version des Bildes zu laden)? Mein Kontext ist, dass ich Zeilen in einer Tabelle habe, die alle Schaltflächen in der Zelle ganz rechts haben, und einige Zeilen müssen heller …
183 css 
9
Die Vorschläge von typeahead.j von Twitter sind nicht gestylt (ohne Rand, transparenten Hintergrund usw.).
Ich verwende die typeahead.js 0.9.3 von Twitter und es scheint, dass meine Vorschläge überhaupt nicht gestylt sind. Ich bekomme das: Anstelle von so etwas: (entnommen aus der Beispielseite ) JavaScript, das typeahead aktiviert: $('.search-typeahead').typeahead({ name: 'videos', remote: { url: '/api/v1/internal/videos/typeahead?text=%QUERY' } }); HTML-Eingabeelement: <input type="text" value="" id="search_keywords" class="no-clear search-typeahead"/> Zusätzliche …
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.