positionieren Sie ein Bild in der Mitte
Ich (absoluter Anfänger) würde gerne ein Bild in eine box mit einem kleinen Rand um. Ich habe versucht, mit Polsterung und so, hat nicht funktioniert. Dann habe ich versucht, dieses:
<div style="border:1px solid #CC6699; width:11em; height:5.5em;">
<img style="align:center; width:10em; height:5em;" src="path">
</div>
Sondern das Bild bleibt stecken in der linken oberen Ecke.
InformationsquelleAutor | 2009-08-11
Du musst angemeldet sein, um einen Kommentar abzugeben.
Paar Möglichkeiten, dies zu tun:
Mir gewohnt ist, legen Sie ein Hintergrundbild statt.
In der css:
In Ihre html:
Oder einfach nur etwas Abstand um es in der CSS -
und die HTML -
Ging mit Polsterung Ursache, er sagte, er habe versucht, die. Aber du hast Recht, auf beiden Konten.
InformationsquelleAutor Ryan Florence
Versuchen Sie dies:
InformationsquelleAutor ChrisBenyamin
CSS level 2 nicht eine Eigenschaft, die für die Zentrierung Dinge, vertikal. Es wird wahrscheinlich eine CSS-level-3. Aber auch in CSS2 können Sie die center-Blöcke vertikal, durch die Kombination von ein paar Eigenschaften. Der trick ist, um anzugeben, dass die äußeren block formatiert werden, wie eine Zelle in der Tabelle, da der Inhalt einer Zelle in der Tabelle werden vertikal zentriert.
BEARBEITEN
Als rpflo schlägt vor, mit der background-position-Eigenschaft ist besonders groß, wenn der container passiert, kleiner als das Bild. Nur denken Sie daran, das "background-repeat:none" Stil, wenn Sie nicht wollen, das Bild zu Kacheln.
Ich Stimme mit rpflo - keine gute Lösung. Tabellen sind für Tabellen und nicht für das design.
InformationsquelleAutor Joshua
Verwenden Sie die folgende kleine jQuery-plugin. Es dreht sich das lade Bild in der Mitte des angegebenen container (horizontal und vertikal):
http://plugins.jquery.com/project/CenterImage
Demo-Website:
http://www.demosites.somee.com/demos/centerimage.html
Verwendung: Dieses plugin Positionen ein lade Bild zentral über einen bestimmten html-container (div, span...).
Derzeit verfügbaren Konfigurationseinstellungen:
Minimale Konfiguration für die Initialisierung:
Anrufen, um zu entfernen Sie das lade Bild (und die overlay)
InformationsquelleAutor Jovica