Ich habe 4 Bild div im Moment. Und ich möchte, dass sie sich von der Mitte aus ausrichten. Also, wenn jemand mehr Bild Div Zukunft hinzufügen wird es automatisch auf die Mitte ausgerichtet. Ist es möglich?Wie mehrere Bild div von Mitte ausrichten?
Verwenden Sie die Rastervorlage, die von Bootstrap bereitgestellt wird, und legen Sie das übergeordnete Element als Container fest.
HTML
<div class="container">
<div class="col-md-3">
<img src="https://pmcvariety.files.wordpress.com/2016/11/beauty-and-the-beast-trailer.jpg?w=1000&h=563&crop=1" alt="disney">
</div>
<div class="col-md-3">
<img src="https://pmcvariety.files.wordpress.com/2016/11/beauty-and-the-beast-trailer.jpg?w=1000&h=563&crop=1" alt="disney">
</div>
<div class="col-md-3">
<img src="https://pmcvariety.files.wordpress.com/2016/11/beauty-and-the-beast-trailer.jpg?w=1000&h=563&crop=1" alt="disney">
</div>
<div class="col-md-3">
<img src="https://pmcvariety.files.wordpress.com/2016/11/beauty-and-the-beast-trailer.jpg?w=1000&h=563&crop=1" alt="disney">
</div>
</div>
Wie ich verstehe das ist, was Sie wollen?
was für ein nettes Gedankenleser? Weil das OP sein Problem nicht gut erklärt hat. Es ist also großartig, wenn irgendein Gedankenleser (wie Sie) die Worte des OP in etwas Sinnvolles und Klares übersetzen könnte (über das eigentliche Problem). So wie dieser *** ich will, dass sie anfangen, sich aus dem Zentrum *** zu vereinigen, und das *** wenn jemand mehr Bild div hinzufügt, wird es sich automatisch zum Zentrum *** ausrichten? Ihre Demo muss also zumindest die Szenarien des OP widerspiegeln. –
Bitte fragen Sie den Fragesteller nicht mit einer Frage wie *** Wollen Sie das? *** - Das bedeutet, dass der Beantworter den Fragesteller immer noch nicht versteht. Eine solche Frage sollte nur als Kommentar gestellt werden. BTW, würde ich etwas besser sagen *** Wie ich verstehe ist das was du willst ***. Das klingt viel besser. –
Ja, ist es möglich, nur Sie Code unten versuchen.
<div class ='container'>
<div class ='container-inner'>
<div class ='image'>
<img src=''>
</div>
<div class ='image'>
<img src=''>
</div>
<div class ='image'>
<img src=''>
</div>
</div>
</div>
<style>
.container{
width:100%:;
}
.container -inner{
display: table;
margin:auto;
}
.image{
float : left;
}
</style>
Der obige Code hilft Ihnen, alle Bildcontainer in den Mittelpunkt zu stellen. Wenn Sie ein einzelnes Bild hinzufügen, braucht es nur die Breite, die die Bildbreite und den Mittelpunkt ausrichtet, wenn mehr Bilder die Breite entsprechend dem Mittelpunkt ausrichten.
Nein, das ist nicht möglich. Weil wir keine HTML, keine anfänglichen Bemühungen haben. Es ist sicher unmöglich. –
Ich kann diese "4 Bild div" nicht sehen – Swellar
@CarlJan vielleicht müssen Sie sich diese vorstellen, verwenden Sie nicht Ihre Augen, verwenden Sie Ihr Gehirn. Nun, diese Technik ist ziemlich hart. Imaginieren und Raten sind meist nicht einfach. –