CSS: Wie platziere ich ein Symbol neben Text?

Ich habe ein übergeordnetes div-Element wie dieses (display:flex), das zwei untergeordnete Elemente enthält: Text – ein span-Element (i)-Symbol – ein div-Element. Wenn der Text nur eine Zeile (ohne Umbruch) hat, funktioniert alles einwandfrei. Wenn es jedoch umbricht (zwei Zeilen oder mehr), wird di...

P粉668146636 2023-08-17 14:39:36 0  1  508

Das Klicken auf das Symbol (und nicht auf den Rest der Schaltfläche) ist die einzige Möglichkeit, wie die Javascript-Abonnieren-Schaltfläche funktioniert.

Ich habe eine Schaltfläche zum Abonnieren eines Benutzerprofils, die nur funktioniert, wenn ich auf das Symbol „rssfontAwesome“ klicke. Der Rest der Schaltfläche funktioniert nicht. Ich habe mehrere Überschreibungen ausprobiert, um das Schaltflächenelement als Klickereignis festzulegen, aber sie fun...

P粉742550377 2024-01-16 14:13:18 0  1  486

Font Awesome 5 zeigt auf Pseudoelementen ein Quadrat anstelle eines Symbols an

Ich versuche, den Inhalt eines Spans mit einem FontAwesome-Symbol direkt von der CSS-Seite aus zu ändern, aber es scheint mir nicht zu gelingen. 1) Ich habe FA<linkrel="stylesheet"href="https://use.fontawesome.com/releases/v5.0.9/css/all.css"integrity="sha384-5SOiIsA impo...

P粉773659687 2024-01-09 22:35:19 0  2  479

Wenn ich versuche, das Element über js zu übersetzen, funktioniert es nicht

Alle Elemente mit der Klasse em müssen basierend auf der Bewertung einzeln angezeigt werden. Ich habe den Emoji-Container so groß wie das Symbol gemacht, sodass bei ausgeblendetem Überlauf nur ein Emoji-Container angezeigt werden kann. Das Problem ist, dass es nicht funktioniert, wenn ich versuche, ...

P粉277305212 2024-02-17 20:11:05 0  1  418

Flex CSS – Element nach einer bestimmten Höhe abschneiden, anstatt es zu umbrechen

Die Ränder stellen die statische Höhe und Breite dar. Ich möchte, dass Artikel 5 und 6 in der zweiten Reihe bleiben und Artikel 3 und 6 abschneiden, anstatt wie gezeigt ein drittes Mal einzuwickeln. Wie kann ich das mit Flex erreichen? Um dieses Problem zu lösen, kann die Breite des Containers (der ...

P粉785957729 2024-04-01 14:02:02 0  1  543

So verhindern Sie, dass Mud Blazor MudTable-Spalten so erweitert werden, dass sie in den Text passen

Ich habe eine Tabelle mit 5 Spalten, von denen eine einige sehr lange Benutzer-IDs (ohne Leerzeichen) enthält. Anstatt den Text abzuschneiden, wird die Spalte erweitert, um den gesamten Inhalt aufzunehmen, wodurch die anderen Spalten nach rechts verschoben werden und Bildlaufleisten angezeigt werden...

P粉212114661 2023-12-27 11:05:27 0  1  474

Bitte sagen Sie mir, wie man mit js eine rotierende quadratische Buchstabenmatrix schreibt

Erzeugen Sie anhand zweier Ganzzahlen M und N eine M*N-Matrix. Die Elemente in der Matrix nehmen den Wert eines der 26 Buchstaben von A bis Z an. A befindet sich in der oberen linken Ecke und die anderen Zahlen drehen sich im Uhrzeigersinn in aufsteigender Reihenfolge, und wenn er 26 überschreitet, ...

 修 2021-07-09 16:51:13 0  1  1129

Adaptives Rasterlayout in der Vuetify-Projektliste

Ich bin auf ein Problem gestoßen, das scheinbar häufig vorkommt, aber ich kann es lösen. Ich habe eine API-Abfrage, die eine Liste von Objekten zurückgibt. Ich möchte meine Seite als ein mit Inhalt gefülltes Kartenraster anzeigen. Ich möchte, dass das Raster 5 Spalten hat und die Anzahl der Zeilen a...

P粉710478990 2024-01-29 11:36:47 0  1  515

Umbenennung: feste Div-Spalten und verbleibende Breite

Ich versuche, ein 5-Spalten-Layout zu erstellen, bei dem alle Spalten die volle Höhe des Browserfensters haben. Mit Ausnahme der mittleren Spalte sollten die anderen Spalten fixiert sein und sich beim Scrollen im Browser/Dokument nicht verschieben. Die mittlere Spalte enthält den Website-Inhalt und ...

P粉786432579 2023-09-14 17:17:47 0  1  670

Titel: JavaScript zum Entfernen des neuesten untergeordneten Elements nach ID hat nur begrenzte Wirkung

Ich erstelle eine dynamische Liste, in der der Benutzer auf eine Schaltfläche klicken kann, um eine Eingabe zu entfernen. Wenn eine neue Eingabe erstellt wird, weise ich dem untergeordneten Element mithilfe eines Zählers eine ID zu, die jedes Mal um 1 erhöht wird, wenn eine neue Eingabe generiert wi...

P粉914731066 2024-01-16 18:06:37 0  2  538

Implementieren Sie vertikales Scrollen innerhalb einer Seite, das auf einen bestimmten Abschnitt abzielt, ohne die gesamte Seite zu verschieben

Ich habe diesen Effekt auf einigen Seiten gesehen: Sie scrollen nach unten, aber die Seite selbst scheint bewegungslos zu sein. Daher werden einige Elemente ein- oder ausgeblendet, erscheinen oder verschwinden. Ich habe einen Abschnitt mit 5 Karten. Jetzt möchte ich den gleichen Effekt erzeugen. Wen...

P粉946437474 2023-08-15 19:29:46 0  1  442

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  894

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  778

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  655

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  626

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  1047

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  532

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  726