JCrop-Bilder ausrichten

8

Ich habe diesen Code:

%Vor%

Mit diesem CSS:

%Vor%

Die Bildquelle für img2crop wird dynamisch geladen und mit einer Jcrop api behandelt. Aber Jcrop richtet das Bild auf der linken Seite aus.

Wie kann ich das Bild in der Mitte des div ausrichten?

    
Medical physicist 01.09.2013, 11:49
quelle

4 Antworten

12

Anstatt die jcrop-CSS-Datei zu ändern (nicht empfohlen, wie der Autor des Plugins), können Sie dem jcrop-holder-Element eine Klasse als Option hinzufügen, wenn Sie Jcrop initialisieren:

%Vor%

Fügen Sie einen Wrapper für das img -Tag in Ihrem HTML ein, z. B.

%Vor%

Fügen Sie dann einen CSS-Stil hinzu, z. B.

%Vor%

Getestet in Chrome 31.0.1650.63 m - lassen Sie mich wissen, ob es in anderen Browsern nicht funktioniert? (außer & lt; IE8): -)

    
Chris 12.12.2013, 15:01
quelle
4

Stellen Sie

ein %Vor%     
vpascoal 25.10.2013 17:10
quelle
0

Versuchen Sie margin: 0 auto; , position: relativ; , float: left; .

    
Borsn 01.09.2013 22:54
quelle
0

Das einzige, was für mich funktioniert hat:

JS:

%Vor%

CSS:

%Vor%     
Medical physicist 09.01.2015 14:02
quelle

Tags und Links