Ich habe ein div, die ein Bild in ihnen haben. ich muss sie in center align zeigen, wenn ich normalerweise lege, dass sie linksbündig sind.Wie kann ich das Bild in der Mitte der div zeigen ich möchte mit CSS
das Bild ist dynamisch vielleicht ist es klein oder groß. Ich muss sie in jedem Zustand in der Mitte zeigen.
Wie kann ich dies mit CSS tun. Jeder Trick, dies zu tun
verwenden:
img {
margin-left:auto;
margin-right:auto;
display: block;
}
Hier ist eine Beispielseite:
<!DOCTYPE HTML>
<html lang="en-EN">
<head>
<meta charset="UTF-8">
<title>Test</title>
<style type="text/css">
#container {
background-color: yellow;
width: 500px;
height: 300px;
}
img {
margin-left:auto;
margin-right:auto;
display: block;
}
</style>
</head>
<body>
<div id="container">
<img src="http://www.google.com/images/logos/ps_logo2.png" alt=" " />
</div>
</body>
</html>
Wie dem auch sei, man es in allen Browsern, um zu versuchen, ich bin nicht sicher, ob es in allen Montagearbeiten, Sie.
Zentrieren von Sachen in HTML mit CSS ist eine der schmerzhaftesten Dinge.
Sie könnten versuchen, den Stil text-align: center auf die div.
es funktioniert nicht, weil ich nicht die Breite im Bild definieren und ich brauche sie in der Mitte. –
Ich brauchen Sie das Bild in der horizontalen Mitte zu sein, Sie die text-align: center auf den div Behälter als here
gezeigt verwenden können, aber wenn Sie das Bild benötigen horizontale und vertikale Mitte sein, dann wird es leicht sein, zu tun wie angegeben here mit dem Hintergrund Stil Eigenschaft
Ist das Bild ein Hintergrundbild und und 'img' Tag –
Möchten Sie das Bild in der Mitte und horizontale Ausrichtung sein? –