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
Kein Zeilenumbruch nach einem Bindestrich
Ich möchte -von Fall zu Fall einen Zeilenumbruch nach einem Bindestrich verhindern , der mit allen Browsern kompatibel ist. Beispiel: Ich habe diesen Text: 3-3/8"Was in HTML ist das: 3-3/8” Das Problem ist, dass am Ende einer Zeile aufgrund des Bindestrichs die nächste Zeile unterbrochen und umgebrochen wird, anstatt sie …
21
Bootstrap 4 richtet die Navigationsleistenelemente rechts aus
Wie richte ich ein Navigationsleistenelement nach rechts aus? Ich möchte das Login haben und mich rechts registrieren. Aber alles, was ich versuche, scheint nicht zu funktionieren. Folgendes habe ich bisher versucht: <div>um die <ul>mit dem atribute:style="float: right" <div>um die <ul>mit dem atribute:style="text-align: right" versuchte diese beiden Dinge auf den <li>Tags …
14
Wie erstelle ich ein <style> -Tag mit Javascript?
Ich suche nach einer Möglichkeit, ein &lt;style&gt;Tag mit JavaScript in eine HTML-Seite einzufügen . Der beste Weg, den ich bisher gefunden habe: var divNode = document.createElement("div"); divNode.innerHTML = "&lt;br&gt;&lt;style&gt;h1 { background: red; }&lt;/style&gt;"; document.body.appendChild(divNode); Dies funktioniert in Firefox, Opera und Internet Explorer, jedoch nicht in Google Chrome. Auch ist es …
336 javascript  html  css 
4
Weniger aggressive Kompilierung mit CSS3 calc
Die von mir verwendeten weniger Compiler ( OrangeBits und dotless 1.3.0.5 ) übersetzen aggressiv body { width: calc(100% - 250px - 1.5em); } in body { width: calc(-151.5%); } Welches ist offensichtlich nicht erwünscht. Ich frage mich, ob es eine Möglichkeit gibt, dem Less-Compiler zu signalisieren, dass das Attribut während …
17
Verhindert "display: none" das Laden eines Bildes?
In jedem Tutorial zur display:nonereaktionsschnellen Website-Entwicklung wird empfohlen, die CSS-Eigenschaft zu verwenden, um das Laden von Inhalten in mobilen Browsern zu verhindern, damit die Website schneller geladen wird. Ist es wahr? Lädt display:nonedie Bilder nicht oder lädt es immer noch den Inhalt im mobilen Browser? Gibt es eine Möglichkeit, das …
12
jquery Klassenname ändern
Ich möchte die Klasse eines td-Tags anhand der ID des td-Tags ändern: &lt;td id="td_id" class="change_me"&gt; ... Ich möchte dies tun können, während ich mich im Klickereignis eines anderen dom-Objekts befinde. Wie greife ich nach der ID des td und ändere seine Klasse?
336 jquery  css 
12
Kann ich einen Onclick-Effekt in CSS haben?
Ich habe ein Bildelement, das ich beim Klicken ändern möchte. &lt;img id="btnLeft"&gt; Das funktioniert: #btnLeft:hover { width:70px; height:74px; } Aber was ich brauche ist: #btnLeft:onclick { width:70px; height:74px; } Aber es funktioniert offensichtlich nicht. Ist es überhaupt möglich, sich onclickin CSS zu verhalten (dh ohne JavaScript zu verwenden)?
334 html  css  onclick 
19
Reagiere Js unter bedingter Anwendung von Klassenattributen
Ich möchte diese Schaltflächengruppe bedingt ein- und ausblenden, je nachdem, was von der übergeordneten Komponente übergeben wird, die folgendermaßen aussieht: &lt;TopicNav showBulkActions={this.__hasMultipleSelected} /&gt; .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return ( &lt;div className="row"&gt; &lt;div …
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.