Wie man ein Bild auf meiner Web-Seite zentrieren

Präsentieren und Positionieren von Bildern auf einer Webseite ist Bestandteil des Designs. In vielen Fällen erfolgt die Anforderungen für Links zu rechtfertigen-Elemente wie Text und gleichzeitig graphischer Elemente anders positionieren, wie sie gerade auf der Seite zentrieren. Die bewährten Methoden für das Zentrieren eines Bildes gehört zu Cascading Style Sheets (CSS) zu verwenden. Zentrieren eines Bildes verwenden diese Methode funktioniert gut für jede Grafik jeglicher Größe, und derselbe Code kann auf einer beliebigen Seite verwendet werden.

Anweisungen

1 Öffnen Sie die Webseite, die das Bild zentriert werden mit einem Web-authoring-Tool enthält.

2 Suchen Sie den HTML-Code, der dein Bild--umgibt es sollte etwa wie folgt aussehen:

< Img Width = "300" Height = "199" >,

wo mypic.jpg ist der Name des zentrierten gewünschten Bildes und die entsprechende Breite und Höhe.

3 Erstellen Sie eine Stilklasse im Abschnitt HEAD Ihres HTML durch Folgendes hinzufügen:

< Typ style = "Text/Css" >

.centerImage {Text-align: zentrieren; margin-Top: 0px; Margin-Bottom: 0px; Padding: 0px;}

< / style >

4 Ändern Sie den HTML-Code für das Bild zu

< p-Klasse "CenterImage" = >< Img Width = "300" Height = "199" >< / p >.

Wieder, ändern Sie die Bildnamen, Breite und Höhe auf den Namen und die Abmessungen des Bildes. Dies wird nicht nur das Bild im direkten Zentrum der Webseite positioniert, sondern wird das gleiche für jedes andere Bild auf anderen Seiten tun, wenn Sie kopieren und die CSS-Stil und Klasse-Anweisung enthalten, wie gezeigt.

5 Hochladen Ihrer Web-Seite oder in einem Browser Vorschau, wie es nach dem authoring-Tool.