Wie zentriere ich ein Bild in meinem Webbrowser?

Question

AKTUALISIERT.

Ich möchte ein Bild in einer Webseite sowohl horizontal als auch vertikal zentrieren. Ich habe versucht, die folgende JQuery zu verwenden und ich kann nicht herausfinden, was ich falsch mache.

Die Webseite ist hier: http://aaa.sr

Dies ist die JQuery Ich verwende: andreaslagerkvist.com/jquery/center/

Ich habe die js setzen hier file: aaa.sr /jquery.center.js

Ich bin neu hier, so dass diese Website mir erlaubt, nur einen Link in meiner Frage zu veröffentlichen. Jede Hilfe wird geschätzt. Vielen Dank!

Answer 1

Etwas so einfaches wie das würde den Trick tun. Ich habe beschlossen, meine Antwort (die anderen sind korrekt) nicht nur eine Lösung für Ihr aktuelles Problem zu zeigen, sondern auch die Verschrottung des Absatz-Tags (es ist nicht notwendig) und vorschlagen, eine alte Beschreibung zu Ihrem Bild-Tag hinzuzufügen.

Diese CSS:

#container {text-align: center;} 

Und html:

<div id="container"> 
<img src="http://aaa.sr/aaasr.png" alt="Fil donya lazim tikabbar, Fil net mafeesh gheir aaa.sr"> 
</div> 

Wenn alles, was Sie brauchen für eine Website so einfach sein.

Answer 2

Warum JQuery verwenden, um ein Bild zu zentrieren. Es gibt eine Menge Methoden, um ein Bild zu zentrieren, z. B. indem Sie es in eine div mit text-align:center einfügen oder als Block anzeigen und linke und rechte Ränder zuweisen. Das ist einfach nur altes CSS.

Answer 3

Es wäre einfacher, nur CSS zu verwenden.

p > img { margin: 0 auto } 

Answer 4

Großes Problem:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://aaa.sr/jquery.center.js"></script> 
<script type="text/javascript"> 
$('#my-element').plugIn(); 
</script> 

    </body> 

alle Räume sind eigentlich nicht brechen Räume, die Parse-Fehler verursacht. Die HTML validator wird dies erkennen!