Fügen Sie beim Ändern der Größe Text in das Bild ein

Ich möchte einen Absatz in ein Bild einfügen, aber er läuft immer über. Ich möchte, dass die Größe des Bilds so lange geändert wird, dass es genauso lang ist wie der Absatz. Ich habe versucht, min-height zu verwenden, aber es funktioniert nicht. .image-container{position:relative;min-height:100vh;wi...

P粉458913655 2024-03-20 11:25:39 0  1  427

Ich kann mit TailwindCSS keine Bilder nacheinander auf die gleiche Größe einstellen

Ich verwende TailwindCSS, um mein Seitendesign zu erstellen. Ich kann die Komponente und das Bild nicht auf die gleiche Größe einstellen. Ich habe einige Kombinationen mit Flex, Wrap und dem Ändern der Breite des Divs oder Bilds ausprobiert, kann aber keine Lösung finden. Das gewünschte Ergebnis ist...

P粉978742405 2024-02-17 12:27:00 0  1  411

Schaltflächen erstellen, die sich an die Bildschirmgröße anpassen – ausführliche Erklärung zur Verwendung von Hintergrundbildern

Ich entwickle ein pfsensecaptiveportal, bei dem mehrere Grafiken nebeneinander angezeigt und an die Bildschirmgröße des Geräts angepasst werden müssen. Dies kann gut mit dem Bildeingabetyp erreicht werden. Das Pfsense-Gerät erkennt diesen Commit jedoch nicht richtig. Damit es funktioniert, ist ein C...

P粉345302753 2023-08-16 13:38:12 0  1  613

Benötigen Sie Hilfe beim Zentrieren von Inhalten und beim Anklicken von Bildlinks?

Im Wesentlichen muss das Bild und der Titel zentriert auf dem Bildschirm angezeigt werden, aber ich muss auch darauf achten, dass das Bild anklickbar ist und der Link geöffnet werden kann. Ich glaube, ich habe den richtigen Code dafür, aber ich habe immer noch diese beiden Probleme. Außerdem gibt es...

P粉794851975 2023-09-13 12:12:49 0  1  653

CSS-Drop-Cap-Bild, Text im Leerraum ausgerichtet

Ich glaube nicht, dass dies eine alltägliche Dropcap-Situation ist. Mein großes „S“ ist ein Bild wie dieses: Beachten Sie, dass das eigentliche Bild bis zur oberen Spalte reicht. Die obere Leiste ist Teil desselben Bildes und enthält das große S und die Zeichnung links vom S. Ich habe den Hintergrun...

P粉415632319 2023-09-05 21:42:04 0  2  552

Platzieren Sie mit React interaktive Markierungen auf Bildern

Bitte helfen Sie. Ich habe ein Bild wie das folgende, das auf der Startseite angezeigt wird (ein größeres Bild). Beachten Sie, dass das „FORGE“-Haus in der Mitte eine weiß-blaue Markierung mit einem schwarzen Pfeil hat. Das Gleiche gilt für „Mietwohnungen“. Jede dieser Markierungen fungiert als inte...

P粉896751037 2023-09-08 21:25:41 0  1  815

So ermitteln Sie die Größe des Browser-Ansichtsfensters

Ich möchte, dass meine Besucher qualitativ hochwertige Bilder sehen können. Gibt es eine Möglichkeit, die Fenstergröße zu erkennen? Oder noch besser: die Größe des Browser-Darstellungsfensters mithilfe von JavaScript? Den grünen Bereich finden Sie hier:

P粉237029457 2023-08-28 11:06:30 0  2  586

Die Start- und Endpunkte des Bildes

Ich versuche, den Start- und Endpunkt eines Bildes festzulegen. Ich habe also meine Leinwand und ein Bild. Wenn ich das Bild auf die Leinwand lege, soll ein kleiner roter Kreis aufleuchten, wenn ich mit der Maus über die Start-/Endpunkte fahre, was bedeutet, dass ich eine Verbindung mit anderen Bild...

P粉511757848 2023-08-31 12:24:51 0  1  558

javascript - Warum sind die Pixel um das Bild herum unscharf, wenn es in den Browser geladen wird?

Ich habe ein Bild mit 1000 Pixel * 1000 Pixel erstellt und das erste Pixel hat eine Füllfarbe. Nach dem Vergrößern forderte das normale Frontend dieses Bild an und stellte den Stil ein: Breite: 40000 Pixel; Höhe: 40000 Pixel. Die umliegenden Pixel sind sehr verschwommen, egal wie stark man hineinzoo...

高洛峰 2017-05-19 10:34:48 0  3  537

PHP entfernt Orientierungs-Exif nur aus dem Bild (ohne Verwendung von Imagick)

Ich habe ein Skript geschrieben, das die Größe hochgeladener Bilder lokal stapelweise ändert und Miniaturansichten erstellt. Das Problem besteht darin, dass einige Bilder vertikal ausgerichtet sind, sich aber nach der Größenänderung horizontal drehen. Dies liegt an der Exif-Ausrichtung des Bildes. G...

P粉141925181 2024-03-27 09:27:01 0  1  440

Das Transformieren und Filtern von Bildern führt zu einer Überlagerung

Ich habe einen Code gefunden, der die Größe des Bildes erhöht, wenn man mit der Maus darüber fährt, und das Bild mit der Maus nicht von anderen Bildern beschnitten wird: Tutorialsrepublic.com Aber wenn ich auch diesen Code eingebe: img{transition:filter.5sease-in -out ;-webkit-filter:grayscale(100 %...

P粉276876663 2023-09-15 20:58:43 0  1  1016

Ändern Sie die Bildgröße vor dem Hochladen in Laravel 5.8

Ich habe diese Funktion zum Hochladen von Bildern über die API in Laravel: privatefunctionhandleImage($image){$exploded=explode(',',$image);$decoded=base64_decode($exploded[1]);if(Str::contains ( $exploded[0],'jpeg')){$extension='jpg';}else{$extensio

P粉608647033 2023-09-04 12:56:10 0  1  567

Wie erreicht man ein responsives Design unter Beibehaltung fester Bildabmessungen?

Ich habe das folgende CSS (mit Bootstrap), um die Größe eines Bildes so zu ändern, dass es ohne Dehnung in einen 16:9-Container passt:

P粉739706089 2023-08-16 14:35:27 0  1  437

Das Seitenverhältnis des Bildes im Bild

Ich habe ein Bild mit einem Titel wie diesem: Titel Ich habe auch img{max-width:100%} in CSS. Ich möchte die Breite und Höhe eines Bildes gleichzeitig festlegen und dessen Seitenverhältnis beibehalten, wenn die Breite unter den eingestellten Wert fällt. Also habe ich Code wie diesen ausprobiert: Tit...

P粉557957970 2023-08-17 20:24:04 0  1  483

javascript - Wie wird das Laden von Zhihus Bildern implementiert?

Siehe das Zhihu-Dokument. Wie evaluiere ich Visual Studio Code? Es gibt eine interessante Funktion auf der Seite. Anschließend wird ein Bild angezeigt, das wie eine Gaußsche Unschärfe aussieht. Das ist interessant ist es umgesetzt?

大家讲道理 2017-06-26 10:58:20 0  1  749

So ändern Sie die Größe von SVG-Symbolen über <use>-Elemente wie Bilder

In meinem HTML-Dokument habe ich ein Dokument, das viele Elemente mit ID-Attributen enthält, wie zum Beispiel icon-x. Dann möchte ich diese Symbole wie <divclass=container><svg><usexlink:href=#icon-x/></svg></div> wiederverwenden. Allerdings können die Symbole in diesem...

P粉184747536 2023-09-15 21:09:43 0  1  920

So richten Sie Bilder mit Bootstrap Vue rechts aus

Ich bin neu bei BootstrapVue und versuche, den B-Cardheader zu verwenden, um ein Bild rechts auszurichten. Ich habe versucht, <span> oder <div> zu verwenden. Die Titelgröße der Vorlage war perfekt, bis ich das Bild hinzufügte, das ebenfalls etwas rechts, aber auch etwas darunter angezeig...

P粉216807924 2023-09-07 23:33:56 0  1  609

So überlagern Sie ein Bild mit Text mit abgerundetem Hintergrund

Ich muss in HTML reproduzieren, was Sie in diesem Bild sehen: Das Problem ist, dass der Text das Div und das Hintergrundbild verdeckt. Wenn es im äußeren Div kein Bild und keine Volltonfarbe gäbe, kann ich mir vorstellen, dass ich dies ziemlich einfach mit einigen kleinen HTML-Elementen mit abgerund...

P粉328911308 2023-08-30 15:20:14 0  1  476

Wie kann ich vor dem Laden Platz für ein Bild variabler Größe reservieren, um Layoutänderungen zu verhindern?

Ich habe eine HTML-Seite, die Text, ein Bild-Tag und etwas Text wie diesen enthält: Dies ist der Text vor dem Bild. <imgsrc="image.jpeg"/>Dies ist der Text nach dem Bild. Wenn die Seite nun geladen wird, wird der Text vor den Bildern geladen, da das Laden der Bilder länger dauert. Da...

P粉936509635 2023-08-28 00:04:44 0  1  593