Ein div wird so groß wie ein Bild darin

9

Ich habe ein div mit dem folgenden Code

HTML:

%Vor%

CSS

%Vor%

Das Problem ist, dass die Benutzer die Bildgröße, Farbe und einige andere Dinge bearbeiten können, also möchte ich, dass das div größer wird, wenn das Bild größer wird. Ich möchte die Breite und Höhe des div 250px sein, wenn das Bild kleiner ist als es, aber um größer zu werden, wenn das Bild größer wird.

Die Lösung kann in PHP, JavaScript, CSS oder jQuery sein.

    
LightningBoltϟ 27.11.2013, 12:48
quelle

7 Antworten

12

Versuchen Sie Folgendes:

%Vor%

Geige

Danke an @ahren und @Mohsen

    
karaxuna 27.11.2013, 12:49
quelle
2

Funktioniert das Floating des Div mit Ihrem Layout? Dadurch wird die Breite in das enthaltene Bild umgewandelt.

%Vor%

Wenn Sie es löschen müssen, fügen Sie ein Umbruchelement mit overflow: hidden hinzu.

    
Josh Harrison 27.11.2013 12:56
quelle
1

Dies wird die Arbeit tun:

%Vor%

Verwenden Sie also float auf Ihrem div oder verwenden Sie einfach display: inline-block manuell.

Hier ist ein Beispiel: Ссылка

    
Hrvoje Golcic 27.11.2013 13:03
quelle
0

php ist sehr nützlich, da es die Funktion getimagesize hat:

%Vor%     
Daniël Tulp 27.11.2013 12:51
quelle
0
%Vor%     
Indranil.Bharambe 27.11.2013 12:52
quelle
0

benutze diesen Code:

%Vor%     
Mohsen Safari 27.11.2013 12:55
quelle
-1

Versuche es einfach so:

%Vor%     
Suresh Kamrushi 27.11.2013 12:49
quelle

Tags und Links