Einstellung Bild an einem bestimmten Ort in Container

Ich möchte Ti wissen, wie man ein Bild an einem bestimmten Ort jedes Mal einstellen und die Größe auf eine bestimmte Größe einstellen. das ist was ich habe, aber es funktioniert nicht ich bekomme immer noch ein großes Bild und die Bilder zeigen sich überall auf dem Container. Ich habe versucht, den Stil zu Bild-Tag zu ändern, aber ich bekomme immer noch das gleiche Problem kann mir bitte jemand helfen?Einstellung Bild an einem bestimmten Ort in Container

<div id="fotos" class="bananas" style="position: absolute;top: 100px;right: 108px" height="80px" width="80px"><img class="modal-content" id="imgdisplay" />

Quelle

2017-01-13 user7368271

Geben Sie Ihr Bild display:block; und dann width für sie angeben. Sie können dies sowohl in px als auch in% tun.

Wie für den festgelegten Ort. Wenn Sie position:absolute; für das Bild verwenden, wird die Position relativ zu .bananas nicht festgelegt, da Sie position:absolute für .bananas angegeben haben.

Sie müssten .bananas zu position:relative; ändern. Siehe das Beispiel unten.

.bananas{ 
 
    position:relative; 
 
    border:1px solid red; 
 
    height:160px; 
 
    width:100%; 
 
} 
 
.bananas img{ 
 
    display:block; 
 
    width:150px; 
 
    margin:0; 
 
    padding:0; 
 
    position:absolute; 
 
    top: 30px; 
 
} 
 
#imgdisplay1{ 
 
    left:10px; 
 
} 
 
#imgdisplay2{ 
 
    left:170px; 
 
}

<div id="fotos" class="bananas" > 
 
    <img class="modal-content" id="imgdisplay1" src="http://images.financialexpress.com/2015/12/Lead-image.jpg"/> 
 
    <img class="modal-content" id="imgdisplay2" src="http://images.financialexpress.com/2015/12/Lead-image.jpg"/> 
 
</div>

Quelle

2017-01-13 02:47:20 ab29007

was wäre die Position, wenn ich mehrere Bilder hochlade und sie alle an der gleichen Stelle anzeigen lassen würde, jedes Mal wenn ich ziehbar bin. Jedes Mal, wenn ich ein Bild hochlade, wird das Bild unter jedem der früheren Bilder hochgeladen und es verschwindet nach 4 Uploads. – user7368271

okay, die Sache mit absolut ist, dass es dieses Element aus dem normalen Inhaltsfluss entfernt. Wenn das erste Bild 'links: 10px' hat, sollte die zweite 'links: 160px; 'oder mehr haben. Ich habe mein Beispiel dafür aktualisiert. – ab29007

Die Verwendung von absoluten in dynamischen Inhalten kann eine schlechte Sache sein. Verwenden Sie absolut, wenn Sie wissen, dass sich Ihr Inhalt nicht ändert. – ab29007

Ich mag würde ti wissen, wie ein Bild in einem Satz Ort

jedes Mal zu setzen, der davon abhängt, wo der "gesetzt Ort" ist. Im Allgemeinen verwenden Sie position: absolute; oder position: fixed; mit , um ein Element in einer ganz bestimmten Position zu platzieren.

Stellen Sie die Größe auf eine bestimmte Größe ein.

Sie tun das mit width und height und mit was auch immer Einheiten, die Sie geben, was Sie suchen. px em % vh vw usw.

Quelle

2017-01-13 02:48:14

Einstellung Bild an einem bestimmten Ort in Container

Antwort

Verwandte Themen